Convertitore da PX a REM
Converti pixel CSS e rem usando la dimensione del carattere radice.
REM
REM: 1,5 rem
- Punti
- 18 pt
- Percentuale della dimensione radice
- 150 %
Come funziona
Un rem equivale alla dimensione del carattere dell'elemento radice html, 16 px nei browser per impostazione predefinita. Dividere un valore in pixel per la dimensione radice dà i rem; moltiplicare i rem per la dimensione radice dà i pixel.
L'em funziona allo stesso modo ma è relativo alla dimensione del carattere dell'elemento genitore, quindi coincide con il rem solo quando il genitore usa la dimensione radice.
Nel CSS 1 px è definito come 1/96 di pollice e 1 pt come 1/72 di pollice, quindi 1 px = 0.75 pt.
Formula
rem = px ÷ dimensione radice px = rem × dimensione radice pt = px × 0.75
Esempio svolto
Con la radice predefinita di 16 px, 24 px sono 24 ÷ 16 = 1.5 rem, cioè 18 pt e il 150% della dimensione radice.
Domande frequenti
Perché usare rem invece di px?
Le dimensioni in rem si adeguano quando l'utente cambia la dimensione predefinita del carattere del browser, il che aiuta l'accessibilità.
Qual è la differenza tra rem ed em?
Il rem è relativo all'elemento radice; l'em è relativo all'elemento genitore di quello corrente, quindi i valori em annidati si sommano a cascata.