7. Responsive Design
Grundprinzipien des responsiven Designs – wie Layouts auf allen Geräten optimal dargestellt werden.
Inhaltsverzeichnis
A. Ziel dieses Kapitels
Responsives Design sorgt dafür, dass Inhalte auf Desktop, Tablet und Smartphone gleich gut funktionieren. Dieses Kapitel definiert Regeln für Skalierung, Anpassung und Test.
B. Grundprinzipien
- Desktop-Design zuerst (Desktop-First)
- Danach: Tablet, Mobile anpassen
- Vermeide Inline-Fonts und feste px-Werte
- Teste immer auf echten Geräten
C. Unterkapitel
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container