Responsive Web Design - Einführung

Was ist Responsive Web Design?

Responsive Web Design macht sicher, dass Ihre Webseite auf allen Geräten gut aussieht.

Responsive Web Design verwendet nur HTML und CSS.

Responsive Web Design ist nicht ein Programm oder JavaScript.

Design für beste Benutzererfahrung für alle Benutzer

Man kann viele verschiedene Geräte verwenden, um Webseiten anzuzeigen: Desktop-Computer, Tablets und Handys. Egal, mit welchem Gerät Sie verwenden, Ihre Webseite sollte schön und benutzerfreundlich aussehen.

Webseiten sollten Informationen nicht verlieren, um kleineren Geräten zu entsprechen, sondern sollten ihren Inhalt so gestalten, dass er auf jedem Gerät passt:


Desktop-Computer

Tablet

Handy

Wenn Sie CSS und HTML verwenden, um die Größe, das Verbergen, Verkleinern, Vergrößern oder Verschieben von Inhalt anpassen, um ihn auf jedem Bildschirm gut aussehen zu lassen, dann wird dies als Responsive Web Design bezeichnet.

Wenn Sie die folgenden Beispiele nicht verstehen, machen Sie sich keine Sorgen, wir werden den Code im nächsten Kapitel Schritt für Schritt analysieren:

Probieren Sie es selbst aus