Was ist Responsive Web Design (RWD)?

Was ist Responsive Web Design (RWD)?

Erklärung

Das Thema „Responsive Webdesign“ (RWD) beschreibt die Möglichkeit, Webseiten für unterschiedliche Displaygrößen zu optimieren. Das Layout basiert dabei auf einem flüssigen Gestaltungsraster, mit dessen Hilfe Größenunterschiede zwischen ähnlichen Displaygrößen ausgeglichen werden können.

An bestimmten Punkten bricht das Layout jedoch um, und verändert Struktur und Aufbau. Das ist notwendig um auch Größenunterschiede zwischen verschiedenen Geräteklassen (z. B. Smartphone, Table und Laptop) aufzufangen. Dieser Punkt, der sog. Breakpoint, wird mit Hilfe der CSS-Technologie der Media Queries realisiert.

Neben dem Layout spielen auch verschiedene Bedienkonzepte (Maus, Touch, Tastatur, Stift, Sprache usw.) eine große Rolle.