Konverterer for px til rem og em
Konverter mellom px, rem og em med dine egne innstillinger for rot- og kontekststørrelse — rediger et felt og de to andre oppdateres 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 kjøres i nettleseren din. Ingenting du skriver inn lastes opp til BroBroGo.
Ofte stilte spørsmål
Hva er forskjellen på px, rem og em?
px er en fast lengde. rem måles opp mot sidens rot-skriftstørrelse, så ved en 16px-rot er 1rem lik 16px. em måles opp mot skriftstørrelsen til elementet den befinner seg i. Ved å angi skriftstørrelse og avstander i rem, vil alt skalere når en bruker endrer standard skriftstørrelse i nettleseren.
Hvorfor er det en egen størrelse for em-kontekst?
em måles i forhold til skriftstørrelsen på sitt eget element, som ikke alltid er roten. Sett em-konteksten til det elementets skriftstørrelse for å beregne em riktig, og la den være lik roten når de to samsvarer.
Hva om min rot-skriftstørrelse ikke er 16px?
Endre feltet for rot-skriftstørrelse slik at det matcher din CSS, så oppdateres alle rem-verdier umiddelbart. Tabellen nedenfor er en praktisk guide for en standard 16px-rot som de fleste nettsteder tar utgangspunkt i.