Conversor de px a rem i em
Converteixi entre px, rem i em utilitzant les seves pròpies mides de font d'arrel i de context: editeu qualsevol camp i els altres dos s'actualitzaran mentre escriviu.
| 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 |
Cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.
PMF
Quina és la diferència entre px, rem i em?
px és una longitud fixa. rem es mesura respecte a la mida de font de l'arrel de la pàgina, de manera que amb una arrel de 16px, 1rem equival a 16px. em es mesura respecte a la mida de font de l'element on es troba. Definir la mida del text i l'espaiat en rem permet que tot s'escala quan un lector canvia la mida de font predeterminada.
Per què hi ha una mida de context em independent?
em és relatiu a la mida de font del seu propi element, que no sempre és l'arrel. Definiu el context em amb la mida de font d'aquest element per interpretar l'em correctament, i mantingueu-lo igual que l'arrel quan coincideixin.
Què passa si la meva mida de font de l'arrel no és de 16px?
Canvieu el camp de la mida de font de l'arrel per fer-lo coincidir amb el vostre CSS i cada valor rem s'actualitzarà a l'instant. La taula ràpida de sota és una guia pràctica per a la base comuna de 16px de la qual parteixen la majoria de llocs.