Anpassung an alle Bildschirmgrößen
Eine responsive gestaltete Homepage passt sich an die Bildschirmgröße an. Ein und dieselbe Webseite sieht also auf dem Smartphone anders aus als am Desktop. Je nach Bildschirmgröße verändert sich die Schriftgröße, Spalten rutschen untereinander, Bilder werden vergrößert oder verkleinert. Der Pflegeaufwand besteht aber nur einmal. Sie müssen nicht etwa zwei Webauftritte, einmal für Desktop und einmal für Smartphone, aktuell halten.
Auch die Bedienelemente werden je nach Bedarf angepasst. So reduziert sich eine horizontale Menüleiste ab einer bestimmten Bildschirmgröße häufig zu einem sogenannten Hamburger-Button. Das Menü verschwindet hinter diesem Symbol aus drei horizontal angeordneten Linien. Bei Antippen legt sich das Menü dann über den Inhalt der Seite. Der Benutzer wählt einen Menüpunkt aus, die entsprechende Seite öffnet sich und das Hamburger-Menü verschwindet wieder. Auf kleinen Bildschirmen spart man so Platz und hat trotzdem keinen Funktionsverlust.