Calculator px naar rem
Reken CSS-pixels en rem om met je basislettergrootte.
REM
REM: 1,5 rem
- Punten
- 18 pt
- Procent van de basisgrootte
- 150 %
Hoe het werkt
Eén rem is gelijk aan de lettergrootte van het basiselement html, standaard 16 px in browsers. Een pixelwaarde delen door de basisgrootte geeft rem; rem vermenigvuldigen met de basisgrootte geeft pixels.
Em werkt op dezelfde manier, maar is relatief ten opzichte van de lettergrootte van het bovenliggende element, dus het is alleen gelijk aan rem als het bovenliggende element de basisgrootte gebruikt.
In CSS is 1 px gedefinieerd als 1/96 inch en 1 pt als 1/72 inch, dus 1 px = 0.75 pt.
Formule
rem = px ÷ basisgrootte px = rem × basisgrootte pt = px × 0.75
Uitgewerkt voorbeeld
Met de standaard basis van 16 px is 24 px gelijk aan 24 ÷ 16 = 1.5 rem, wat 18 pt is en 150% van de basisgrootte.
Veelgestelde vragen
Waarom rem gebruiken in plaats van px?
Rem-maten schalen mee wanneer een gebruiker de standaard lettergrootte van de browser wijzigt, wat de toegankelijkheid helpt.
Wat is het verschil tussen rem en em?
Rem is relatief ten opzichte van het basiselement; em is relatief ten opzichte van het bovenliggende element, dus geneste em-waarden tellen op.