Responsive Design - Standard moderner Websites

Unter responsive Design einer Webseite versteht man, dass das Layout der Seite für das jeweilige Ausgabemedium, wie PC, Laptop oder Smartphone, angepasst wird. Übersetzt wird das englische Adjektiv „responsive“ etwa mit „ansprechbar“, „zugänglich“ oder „antwortend“.

Worauf sollte eine Webseite denn ansprechen? Eine Webseite kann über media queries das Ausgabemedium analysieren und antworten, indem sie eine dem Medium angepasste Darstellung zeigt.

Es geht also nicht darum, dass man neben einer Desktop-Version noch eine oder mehrere mobile Layoutvarianten erstellen muss, sondern nur eine Seite erstellt, die geräteunabhängig schnell lädt und überall gut dargestellt wird.
Bei kleinen Displays wie beim Smartphone, ändert sich das Layout durch setzen von Breakpoints mittels Media Queries und passt sich an kleinere Viewports an.

Da wir heutzutage sehr häufig mit verschiedenen Geräten im Internet surfen, sollte jede Website ein responives Design haben, denn das ist der Standard moderner Websites.