Eine Website, die sich automatisch an jedes Gerät anpasst – egal ob Handy, Tablet oder PC. Bilder, Texte und Menüs ordnen sich neu, damit alles gut lesbar und bedienbar bleibt, ohne dass man zoomen oder scrollen muss. Technisch wird das durch flexible Raster und intelligente Regeln im Code erreicht. Ziel: Eine Seite für alle Geräte, die überall gleich gut funktioniert.
Hier wird die Website zuerst für das Handy designed – nicht für den PC. Warum? Weil Handys kleinere Bildschirme und langsamere Internetverbindungen haben, also muss alles einfach, schnell und touchfreundlich sein. Erst wenn das perfekt läuft, wird die Seite für größere Bildschirme erweitert. Vorteil: Die Seite wird schlanker, schneller und nutzerfreundlicher.
Ein moderner Ansatz, bei dem sich jedes einzelne Element (z. B. ein Button oder eine Box) automatisch an seinen verfügbaren Platz anpasst – nicht an die Bildschirmgröße. Statt starrer Regeln nutzt man hier „intelligente“ CSS-Befehle, die z. B. sagen: „Sei nie kleiner als 200 Pixel, aber auch nie größer als die Hälfte des Platzes.“ Ergebnis: Die Website bleibt flexibel, auch bei neuen Geräten wie faltbaren Handys.