Konverter px til rem & em
Konverter mellem px, rem og em ved hjælp af dine egne root- og kontekst-skriftstørrelser — rediger et felt, og de to andre opdateres, mens du skriver.
| 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 |
Hver konvertering sker i din browser. Intet af det, du indtaster, uploades til BroBroGo.
FAQ
Hvad er forskellen på px, rem og em?
px er en fast længde. rem måles i forhold til sidens root-skriftstørrelse, så ved en 16px root svarer 1rem til 16px. em måles i forhold til skriftstørrelsen på det element, den befinder sig i. Ved at angive skriftstørrelser og afstande i rem sikrer du, at alt skalerer pænt, når en læser ændrer sin standard-skriftstørrelse.
Hvorfor er der en separat em-kontekststørrelse?
em er relativ i forhold til skriftstørrelsen på sit eget element, som ikke altid er det samme som root-elementet. Indstil em-konteksten til det pågældende elements skriftstørrelse for at beregne em korrekt, og hold den lig med root, når de to er ens.
Hvad hvis min root-skriftstørrelse ikke er 16px?
Du skal bare ændre feltet for root-skriftstørrelse, så det matcher din CSS, hvorefter alle rem-værdier opdateres med det samme. Den lille tabel nedenfor er en praktisk guide til den gængse standard på 16px root, som de fleste websteder tager udgangspunkt i.