Muenswebit Kompendium Responsiv Webdesign

Was ist Responsiv Design?

Responsive Web Design beschreibt einen Webdesign-Ansatz, mit dem Websites und Seiten auf allen Geräten und Bildschirmgrößen gerendert (oder angezeigt) werden können, indem sie automatisch an den Bildschirm angepasst werden, unabhängig davon, ob es sich um einen Desktop, einen Laptop, ein Tablet oder ein Smartphone handelt. Mit einer ständig wachsenden Auswahl an Bildschirmgrößen und Geräten, einschließlich Videospielkonsolen und Internet-Fernsehern, sind die alten Methoden des Webdesigns einfach nicht mehr für die Aufgabe geeignet.

So muss man Responsiv Webdesign verwenden um auf jedem Endgerät mit halten zu können. Responsive Websites bestehen aua flexiblen Rastern und passen sich automatisch an die unterschiedlich großen Displays verschiedener (mobiler) Endgeräte an. Für die Darstellung auf Tablets oder Smartphones werden dazu mithilfe von CSS Media Queries sog. Breakpoints definiert, diese passen das Layout der Webseite durch Breakpoints im CSS an Monitorklassen an. An den Breakpoints springt das Design um.

Muenswebit Responsive Design
Menü