7.2 Typo- und Spacing-Scaling für Mobile
Erklärt, wie Typografie und Abstände auf Tablet und Mobile angepasst werden, ohne neue Styles zu erzeugen.
Inhaltsverzeichnis
A. Anpassungs-Reihenfolge
- Desktop fertigstellen
- Tablet anpassen
- Mobile anpassen
- Scroll & Tap testen
B. Typografie & Spacing
Typo skaliert automatisch mit em-Werten. Nur in Ausnahmefällen Größe pro Breakpoint anpassen. Abstände auf Mobile meist -50% vom Desktop-Wert.
C. Sichtbarkeit
- Vermeide ‚Anzeigen/Verbergen‘-Dubletten
- Wenn nötig, nur für sehr abweichende Mobile-Darstellungen
- Nie ganze Sektionen duplizieren!
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container