Hoeveel is 1rem in px?

1rem is gelijk aan de lettergrootte van het rootelement; bij de standaard 16 px is 1rem dus 16 px.

Wat is het verschil tussen em en rem?

rem is altijd relatief aan de lettergrootte van de root, em aan de overgeërfde lettergrootte van het huidige element.

Mobiele browsers verbergen of tonen de adresbalk, waardoor 100vh groter kan zijn dan het zichtbare gebied; gebruik dvh of svh indien ondersteund.

Geef rem de voorkeur voor UI-typografie; gebruik px alleen voor haarlijnen en pixeldetails.

Bijgewerkt: 2026-09-01

Eenheid	Relatief aan	Typisch gebruik
px	Apparaatpixel (CSS-pixel)	Randen, precieze iconen
rem	Lettergrootte van het rootelement	Type-schaal, spacing
em	Lettergrootte van de ouder	Componentlokale groottes
%	Eigenschap van de ouder	Breedtes, flexibele layouts
vw	1% van de viewportbreedte	Full-bleed-secties
vh	1% van de viewporthoogte	Hero-hoogte (let op mobiele UI)
vmin / vmax	Kleinste/grootste viewportzijde	Vrijwel vierkante responsive groottes
ch	Breedte van het “0”-teken	Codeblokken, monospace-velden
ex	x-hoogte van het lettertype	Zeldzame fijne typografie
svh / lvh / dvh	Kleine/grote/dynamische viewport	Mobiel-browserveilige hoogte

Op mobiel kan 100vh de verborgen browserbalk omvatten — gebruik dvh/svh indien ondersteund.
De lettergrootte van de gebruiker beïnvloedt rem — meestal goed voor toegankelijkheid.

Hoeveel is 1rem in px?: 1rem is gelijk aan de lettergrootte van het rootelement; bij de standaard 16 px is 1rem dus 16 px.
Wat is het verschil tussen em en rem?: rem is altijd relatief aan de lettergrootte van de root, em aan de overgeërfde lettergrootte van het huidige element.
Waarom klopt 100vh niet op mobiel?: Mobiele browsers verbergen of tonen de adresbalk, waardoor 100vh groter kan zijn dan het zichtbare gebied; gebruik dvh of svh indien ondersteund.