Relative Maßangaben geben ein Maß bezüglich einer anderen Maßangabe an. Sie sind das Mittel der Wahl für das Screendesign.
| Einheit | Beschreibung | Benutzt für |
|---|---|---|
| em | Relativ zur Schriftgröße des aktuellen Elements | Skalierbare Layouts |
| ex | Relativ zur Höhe des kleinen "x" der aktuellen Schriftart | sehr selten |
| rem | Relativ zur Schriftgröße des Root-Elements (<html>) | Skalierbare Layouts |
| vw | Relativ zur Breite des Viewports (vw = viewport width). Beispiel: Bei 100cm Breite des Browserfensters ist 1vw gleich 1cm | Skalierbare, responsive Layouts |
| vh | Relativ zur Höhe des Viewports (vh = viewport height) | Skalierbare, responsive Layouts |
| % | Relativ zur entpsprechneden Maßangabe des übergordneten Elements | Skalierbare Layouts |