Wie viel ist 1rem in px?

1rem entspricht der Wurzel-Schriftgröße; beim Standardwert von 16 px sind 1rem also 16 px.

Was ist der Unterschied zwischen em und rem?

rem bezieht sich immer auf die Schriftgröße des Wurzelelements, em auf die geerbte Schriftgröße des aktuellen Elements.

Mobile Browser blenden die Adressleiste ein und aus, sodass 100vh größer als der sichtbare Bereich sein kann; nutze dvh oder svh, wenn verfügbar.

Für UI-Schriftgrößen rem bevorzugen; px nur für Haarlinien-Rahmen und pixgenaue Details.

Aktualisiert: 2026-09-01

Einheit	Relativ zu	Typischer Einsatz
px	Gerätepixel (CSS-Pixel)	Rahmen, präzise Icons
rem	Schriftgröße des Wurzelelements	Typo-Skala, Abstände
em	Schriftgröße des Elternelements	Komponentenlokale Größen
%	Eigenschaft des Elternelements	Breiten, flexible Layouts
vw	1 % der Viewport-Breite	Full-bleed-Abschnitte
vh	1 % der Viewport-Höhe	Hero-Höhe (auf mobil achten)
vmin / vmax	Kürzere/längere Viewport-Seite	Quasi-quadratische responsive Größen
ch	Breite des „0“-Zeichens	Codeblöcke, Monospace-Felder
ex	x-Höhe der Schrift	Seltene Feintypografie
svh / lvh / dvh	Kleiner/großer/dynamischer Viewport	Mobilbrowser-sichere Höhe

Auf Mobilgeräten kann 100vh die verborgene Browserleiste einschließen – wo möglich dvh/svh nutzen.
Die Schriftgröße des Nutzers wirkt sich auf rem aus – für Barrierefreiheit meist erwünscht.

Wie viel ist 1rem in px?: 1rem entspricht der Wurzel-Schriftgröße; beim Standardwert von 16 px sind 1rem also 16 px.
Was ist der Unterschied zwischen em und rem?: rem bezieht sich immer auf die Schriftgröße des Wurzelelements, em auf die geerbte Schriftgröße des aktuellen Elements.
Warum stimmt 100vh auf dem Handy nicht?: Mobile Browser blenden die Adressleiste ein und aus, sodass 100vh größer als der sichtbare Bereich sein kann; nutze dvh oder svh, wenn verfügbar.