Mobilefreundliche Websites mit Responsive Webdesign
RESPONSIVE DESIGN – WAS IST DAS?
Das Design der Seite passt sich dank des RWD flexibel dem jeweiligen Bildschirm (dem „Viewport“) an, auf dem es ausgespielt wird. Um sich vorzustellen, wie das funktioniert, teile den Bildschirm bitte gedanklich in Quadrate ein. Sitzt Du gerade vor einem Desktop-Gerät passen zum Beispiel zehn Quadrate nebeneinander. Auf dem Smartphone sind es dagegen womöglich nur zwei.
Vereinfacht gesagt, arbeitet das Responsive Design mit den Quadraten nun so, dass sie jeweils eine optimale Darstellung auf dem Endgerät ergeben. Auf kleineren Viewports können die Quadrate dann kleiner dargestellt oder aber nach unten verschoben werden, falls die Darstellung etwa einer Tabelle ansonsten zu unleserlich würde. Responsive Webdesign reagiert quasi auf die Umgebung, auf die sie ausgespielt wird, eben deshalb spricht man auch von einem reaktionsfähigen Design.
Neben der Größe bedenkt das Responsive Webdesign übrigens aber auch die Art der Eingabe, ob etwa eine Tastatur bzw. Maus vorhanden ist oder nicht.