Technisch steuern Media Queries, ab welcher Breite sich das Layout ändert – typische Breakpoints liegen bei 480, 768 und 1024 Pixel. Flexible Grids und relative Einheiten wie % oder rem statt fixer Pixelwerte sorgen dafür, dass Inhalte nicht abgeschnitten werden. Der Viewport-Meta-Tag im HTML-Head verhindert, dass mobile Browser die Seite einfach verkleinert darstellen.
Seit 2019 crawlt und bewertet Google Websites primär über die mobile Version (Mobile-First Indexing) – eine Seite ohne responsives Layout wird dadurch in der Praxis wie eine schlechtere Seite behandelt, unabhängig von der Desktop-Qualität. Bei einem österreichischen E-Commerce-Projekt kommen oft über 60 % des Traffics vom Smartphone, entsprechend zuerst für Mobile testen, nicht zuletzt.
Grenzen zeigt Responsive Design bei sehr datenreichen Oberflächen: Eine Tabelle mit 20 Spalten oder ein komplexes Dashboard lässt sich nicht einfach stapeln, ohne die Lesbarkeit zu verlieren – hier braucht es eigene mobile Interaktionsmuster statt reinem Umbruch.
