Was ist Responsive Design?

Einfach gesagt, ein Design das sich anpasst an dem Gerät (PC, Tablet, Smartphone) womit Webseiten angeschaut werden.

Seitenränder, Schriftgröße und Layout werden an dem Gerät angepasst.

Das Fenster dieser Webseite kann man in seinem Webbrowser (Internet Explorer, Firefox, Chrome, Safari) immer schmaler machen, dann wird automatisch das Layout angepasst. Das Bild rechts skaliert ebenso abhängig von der Bildschirmgröße.

Mann muss sich fragen, wie breit bzw. wie schmal will ich meine Webseite präsentieren.
Erst ab Bildbreite 320 Pixel werden hier Schiebebalken erscheinen, 320 Pixel ist als die minimale Breite definiert.

Das Hintergrundbild skaliert ebenso mit der Größe der Webseite. Wenn das Fenster zu klein wird, dann soll man das Bild durch eine Hintergrundfarbe ersetzen, so wie hier.

Jan van Leeuwen

Weitere Informationen bei www.stajl.at