Was ist Responsive Webdesign?

Mit Responsive Webdesign bezeichnet man eine Technik im Web Development, die das Layout einer Website automatisch für die Abmessungen des aufrufenden Devices (Geräts) optimal darstellt. Dazu werden die Breite und eventuell auch die Höhe des Bildschirms im Code der Website abgefragt.


Abhängig vom Ergebnis dieser Abfrage gelten dann zuvor definierte Gestaltungsregeln für den Inhalt der Website. Um die Gestaltungsregeln zu definieren, fasst man im CSS-Code der Website über sogenannte Media Queries Größenbereiche zusammen und weist ihnen dann jeweils passende Layout-Einstellungen zu.

Und wozu brauchen wir Responsive Webdesign?

Internetfähige Devices variieren stark in ihren Abmessungen: Mobile Endgeräte auf der einen Seite werden immer kleiner, stationäre Bildschirme auf der anderen Seite immer größer. Die Apple Watch beispielsweise hat eine Bildschirmdiagonale von 38 Millimetern, moderne Fernseher erreichen eine Diagonale von über einem Meter. Allen gemeinsam ist aber, dass sie Websites optimal anzeigen können.

Responsive Webdesign – auf Deutsch „anpassungsfähiges“ Webdesign“ – garantiert, dass dieselbe Website unabhängig von der Größe des aufrufenden Geräts automatisch übersichtlich, nutzerfreundlich und optisch ansprechend dargestellt wird.

Responsive Webdesign – Eine Homepage für alle Devices.

Quelle: Wikipedia


Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern. Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.