1rem motsvarar rotelementets teckenstorlek, så med webbläsarens standard på 16 px är det 16 px.

Vad är skillnaden mellan em och rem?

rem är alltid relativt till rotelementets teckenstorlek, medan em är relativt till den ärvda teckenstorleken för det aktuella elementet.

Varför fungerar inte 100vh på mobil?

Mobila webbläsare kan visa eller dölja UI-fält, så 100vh kan bli högre än det synliga området; använd dvh eller svh när det stöds.

Föredra rem för UI-typografi; använd px endast för hårfina linjer och pixelexakta detaljer.

Uppdaterad: 2026-09-01

Enhet	Relativ till	Typisk användning
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 inkludera dolda webbläsardelar — föredra dvh/svh när det stöds.
Användarens teckenstorleksinställning påverkar rem — oftast önskvärt för tillgängligheten.

Vad är 1rem i px?: 1rem motsvarar rotelementets teckenstorlek, så med webbläsarens standard på 16 px är det 16 px.
Vad är skillnaden mellan em och rem?: rem är alltid relativt till rotelementets teckenstorlek, medan em är relativt till den ärvda teckenstorleken för det aktuella elementet.
Varför fungerar inte 100vh på mobil?: Mobila webbläsare kan visa eller dölja UI-fält, så 100vh kan bli högre än det synliga området; använd dvh eller svh när det stöds.