Formule
1rem = root px · 1em = element px · 1pt = 96/72 px
Normaliseer de broneenheid naar CSS-referentiepixels en deel deze vervolgens door de contextuele pixelfactor van de doeleenheid.
Beeld & scherm
● Wordt lokaal uitgevoerdCSS-eenheidconversie
Converteer algemene CSS-lengtes alleen als de vereiste context expliciet is. Geef root- en huidige element-lettergroottes op, zodat rem en em niet stilletjes dezelfde basis aannemen.
Voorbeeldwaarden
Geconverteerde CSS-lengte
Aannames
- De lettergroottes van hoofdletters en elementen zijn strikt positief.
- Er wordt gebruik gemaakt van de CSS-referentiepixel in plaats van een gemeten fysieke schermpixel.
Deze tool gaat uit van de CSS-referentierelatie 1in = 96px en 1pt = 1/72in. Viewport-eenheden en percentages zijn uitgesloten.
Formule beoordeling
Formula v1.0.0
Beoordeeld 2026-08-03
CalcFlow engineering review
CSS-eenheidconversie: Uitgewerkt voorbeeld
Bij een root van 16 px is 24 px ÷ 16 = 1,5 rem. Volgens de referentiepixelregel is 24 px ook gelijk aan 18 pt.
Veelgestelde vragen
Wat is het verschil tussen rem en em?
rem gebruikt de lettergrootte van het hoofdelement. em gebruikt de lettergroottecontext van het huidige element.
Waarom zijn percentages uitgesloten?
Een percentage kan afhankelijk zijn van verschillende eigenschappen en blokken bevatten, dus één scalaire context is niet voldoende.
Is een CSS px een fysieke pixel?
Niet noodzakelijkerwijs. CSS definieert een referentiepixel die browsers toewijzen aan apparaatpixels op basis van weergave en zoom.