Konverterare för px till rem & em
Konvertera mellan px, rem och em med dina egna storlekar för rot och kontext – ändra valfritt fält så uppdateras de andra två medan 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 |
Varje konvertering sker i din webbläsare. Inget av det du skriver laddas upp till BroBroGo.
Vanliga frågor
Vad är skillnaden mellan px, rem och em?
px är en fast längd. rem mäts mot sidans rot-textstorlek, så vid en rot på 16px motsvarar 1rem 16px. em mäts mot teckenstorleken på det element den ligger i. Att använda rem för text och avstånd gör att allt skalas fint när en läsare ändrar sin standardtextstorlek.
Varför finns det en separat storlek för em-kontext?
em är relativ till teckenstorleken på sitt eget element, vilket inte alltid är roten. Sätt em-kontexten till det elementets teckenstorlek för att beräkna em korrekt, och låt den vara lika med roten när de två matchar.
Vad händer om min rot-textstorlek inte är 16px?
Ändra fältet för rot-textstorlek så att det matchar din CSS, så uppdateras alla rem-värden direkt. Den snabba tabellen nedan är en praktisk guide för den vanliga basen på 16px som de flesta webbplatser utgår från.