1rem svarer til rodelementets skriftstørrelse, så med browserens standard på 16 px er det 16 px.

Hvad er forskellen mellem em og rem?

rem er altid relativ til rodelementets skriftstørrelse, mens em er relativ til den nedarvede skriftstørrelse for det aktuelle element.

Hvorfor virker 100vh ikke på mobil?

Mobil browsere kan vise eller skjule UI-bjælker, så 100vh kan være højere end det synlige område; brug dvh eller svh, når det understøttes.

Foretræk rem til typografiske skalaer i brugergrænsefladen; brug px kun til hårfine streger og pixelnøjagtige detaljer.

Opdateret: 2026-09-01

Enhed	Relativ til	Typisk brug
px	Device pixel (CSS pixel)	Borders, precise icons
rem	Root element font-size	Type scale, spacing
em	Parent font-size	Component-local sizing
%	Parent property	Widths, flexible layouts
vw	1% viewport width	Full-bleed sections
vh	1% viewport height	Hero height (mind mobile UI)
vmin / vmax	Smaller/larger viewport side	Square-ish responsive sizing
ch	Width of “0” glyph	Code blocks, monospace fields
ex	x-height of font	Rare fine typography
svh / lvh / dvh	Small/large/dynamic viewport	Mobile browser chrome-safe height

100vh på mobil kan inkludere skjulte browserdele — foretræk dvh/svh, når det understøttes.
Brugerens skriftstørrelsesindstilling påvirker rem — det er som regel ønskeligt for tilgængeligheden.

Hvad er 1rem i px?: 1rem svarer til rodelementets skriftstørrelse, så med browserens standard på 16 px er det 16 px.
Hvad er forskellen mellem em og rem?: rem er altid relativ til rodelementets skriftstørrelse, mens em er relativ til den nedarvede skriftstørrelse for det aktuelle element.
Hvorfor virker 100vh ikke på mobil?: Mobil browsere kan vise eller skjule UI-bjælker, så 100vh kan være højere end det synlige område; brug dvh eller svh, når det understøttes.