px naar rem & em Converter
Converteer tussen px, rem en em met je eigen root- en context-lettergroottes — bewerk een veld en de andere twee veranderen direct mee tijdens het typen.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Elke conversie wordt in je browser uitgevoerd. Niets van wat je typt, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Wat is het verschil tussen px, rem en em?
De eenheid px is een vaste lengte. De eenheid rem wordt berekend ten opzichte van de root-lettergrootte van de pagina (bij een root van 16px is 1rem dus gelijk aan 16px). De eenheid em is relatief aan de lettergrootte van het element waarin deze staat. Door lettergroottes en marges in rem te definiëren, schaalt alles netjes mee wanneer een gebruiker de standaard lettergrootte van de browser aanpast.
Waarom is er een aparte em-contextgrootte?
De eenheid em is relatief ten opzichte van de lettergrootte van het element zelf, wat niet altijd gelijk is aan de root. Stel de em-context in op de lettergrootte van dat specifieke element om de em-waarde correct te berekenen. Houd deze gelijk aan de root als beide overeenkomen.
Wat als mijn root-lettergrootte geen 16px is?
Pas het veld voor de root-lettergrootte aan zodat dit overeenkomt met je CSS, en elke rem-waarde wordt direct bijgewerkt. De snelle tabel hieronder is een handige handleiding voor de veelgebruikte basis van 16px waar de meeste sites mee beginnen.