Responsive Design ist eine Gestaltungsweise für Websites, bei der sich das Layout automatisch an die Bildschirmgröße des Besuchers anpasst. Dieselbe Seite sieht auf dem großen Monitor, dem Tablet und dem schmalen Smartphone jeweils passend aus – ohne dass es getrennte Versionen braucht.

Wie es sich anpasst

Das Wort „responsive“ bedeutet „reagierend“. Genau das tut die Seite: Sie reagiert auf den verfügbaren Platz. Auf dem Desktop stehen drei Bildkacheln nebeneinander, auf dem Handy rutschen sie untereinander. Menüs klappen zu einem kleinen Symbol zusammen, Schriftgrößen und Abstände passen sich an, Bilder skalieren mit.

Technisch steckt dahinter meist eine Kombination aus flexiblen Rastern und sogenannten Media Queries – Regeln, die dem Browser sagen: „Ist der Bildschirm schmaler als 600 Pixel, ordne alles einspaltig an.“ Für den Besucher bleibt das unsichtbar. Er merkt nur, dass die Seite überall gut lesbar und bedienbar ist.

Warum es Pflicht ist

Der Grund ist einfach: Die Mehrheit der Menschen surft heute mit dem Smartphone. Eine Seite, die man am Handy ständig zoomen und seitlich schieben muss, verlassen Besucher nach wenigen Sekunden. Google bewertet Seiten außerdem in erster Linie danach, wie gut sie auf mobilen Geräten funktionieren – „Mobile First“ heißt dieses Prinzip. Eine nicht mobiltaugliche Seite hat es im Ranking schwer.

Kurz gesagt: Responsive Design ist heute kein nettes Extra mehr, sondern Grundvoraussetzung dafür, dass eine Website bei allen Nutzern ankommt.