px-naar-rem-omzetter
Reken px, rem en em om met een eigen basisgrootte
em wordt tegen dezelfde basis berekend; er is geen aparte lettergrootte van het bovenliggende element.
px
16px
rem
1rem
em
1em
Referentietabel
| px | rem | em |
|---|---|---|
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 28px | 1.75rem | 1.75em |
| 32px | 2rem | 2em |
| 40px | 2.5rem | 2.5em |
| 48px | 3rem | 3em |
| 64px | 4rem | 4em |