5.2 Skalen & Einheiten (em/rem/%/vw)
Definiert ein skalierbares System mit relativen Einheiten (em/rem) für eine flexible und barrierefreie Darstellung.
Inhaltsverzeichnis
A. Schriftgrößen-System
- Base: 1 em = 16 px
- H1 = 2.5 em
- H2 = 2 em
- H3 = 1.5 em
- Body = 1 em
B. Relative Einheiten
Verwende em und % statt px, damit die Typo sich mit dem Viewport skaliert. Viewport-bezogene Werte (vw, vh) nur für Hero-Bereiche.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container