Geräteübergreifend kommunizieren – dynamisch, barrierefrei und nachhaltig
Responsive Webdesign basiert auf flexiblen Rastern und Layouts. Das Layout passt sich an die verfügbare Bildschirmauflösung an, positioniert und skaliert Inhalte wie Text und Bilder entsprechend. Das Webdesign reagiert also auf die Gegebenheiten des Endgeräts und liefert ein angepasstes Layout aus. Mit der Einführung und Integration von s.g. Media Queries können beispielsweise Parameter wie die Bildschirmgrösse abgefragt werden. Auf Basis dieser Informationen kann dem Endgerät spezifischer CSS-Code ausgeliefert werden, der ein Layout erzeugt, das auf die Gegebenheiten abgestimmt ist.
Beispiele für responsive Webseiten
Lesen Sie dazu auch unseren Artikel:
Ist Ihre Website mobile friendly?
Unbedingt, denn Google hat den Ranking-Faktor für mobile Webseiten eingeführt.
Mehr dazu bei Google lesen
So fällt der Test aus für die Website xmental.de