Responsives Design

Responsives Design ist ein Ansatz zum Erstellen von Webseiten, bei dem sich das Layout an die Größe des Bildschirms anpasst – von breiten Desktop-Monitoren bis hin zu schmalen Smartphones. Eine responsive Seite ordnet und skaliert ihre Inhalte mit flexiblen Layouts und CSS-Regeln neu, anstatt eine separate mobile Website auszuliefern.

Es setzt voraus, dass die Seite den Viewport korrekt deklariert: Ohne diese Angabe rendern mobile Browser die Seite mit einer festen, desktopähnlichen Breite und verkleinern sie anschließend, damit sie passt – das hebelt das responsive Layout vollständig aus und zwingt Besucherinnen und Besucher zum Zoomen per Pinch-Geste.

Weiterführende Informationen

• Responsive Webdesign - MDNs Leitfaden zu Techniken des Responsive Designs
• Viewport
• CSS