Responsive Design

Responsive Webdesign ist ein Ansatz, bei dem sich Layout, Medien und Bedienung flexibel an verfügbare Bildschirmfläche und Geräteeigenschaften anpassen. Grundlage sind ein flexibles Raster, skalierbare Medien, CSS Media Queries und ein korrekt gesetzter Viewport. Breakpoints sollten sich am Inhalt orientieren und nicht nur an einzelnen Gerätemodellen.

Responsive bedeutet nicht lediglich, Desktop-Spalten untereinanderzustellen. Navigation, Schriftgrößen, Abstände, Formulare, Tabellen, Bilder und Bedienelemente müssen in unterschiedlichen Größen verständlich und nutzbar bleiben. Mobile First kann helfen, Inhalte zu priorisieren, ist aber kein Selbstzweck. Entscheidend sind Tests auf relevanten Displays, mit Touch und Tastatur sowie unter realistischen Netzwerkbedingungen.

  • Flexible Layouts statt fester Geräteversionen
  • Breakpoints am Inhalt ausrichten
  • Bilder und Medien passend skalieren
  • Touch, Tastatur und Lesbarkeit testen
  • Unter realistischen Netzwerkbedingungen prüfen

Häufige Fragen

Responsive Webdesign passt Layout und Bedienung einer Website flexibel an verschiedene Bildschirmgrößen und Geräteeigenschaften an.

Ja, eine mobil gut nutzbare und technisch zugängliche Website unterstützt Nutzer und Crawling. Responsive Design allein garantiert jedoch keine Rankings.
Denise Hollstein
Denise Hollstein Mediengestalterin & Webentwicklerin
Zum Glossar