Formula
1rem = root px · 1em = element px · 1pt = 96/72 px
Normalizza l'unità di origine in pixel di riferimento CSS, quindi dividi per il fattore pixel contestuale dell'unità di destinazione.
Immagine e schermo
● Funziona localmenteConvertitore di unità CSS
Converti le lunghezze CSS comuni solo quando il contesto richiesto è esplicito. Fornisci le dimensioni dei caratteri root e corrente dell'elemento in modo che rem ed em non assumano silenziosamente la stessa base.
Valori di esempio
Lunghezza CSS convertita
Ipotesi
- Le dimensioni dei caratteri della radice e dell'elemento sono strettamente positive.
- Viene utilizzato il pixel di riferimento CSS anziché un pixel dello schermo fisico misurato.
Questo strumento presuppone la relazione di riferimento CSS 1in = 96px e 1pt = 1/72in. Le unità e le percentuali della visualizzazione sono escluse.
Revisione della formula
Formula v1.0.0
Recensito 2026-08-03
CalcFlow engineering review
Convertitore di unità CSS: Esempio lavorato
Con una radice di 16 px, 24 px ÷ 16 = 1,5 rem. Secondo la regola del pixel di riferimento, 24 px equivalgono anche a 18 pt.
Domande frequenti
Qual è la differenza tra rem ed em?
rem utilizza la dimensione del carattere dell'elemento root. em utilizza il contesto della dimensione del carattere dell'elemento corrente.
Perché le percentuali sono escluse?
Una percentuale può dipendere da diverse proprietà e blocchi contenenti, quindi un contesto scalare non è sufficiente.
Un px CSS è un pixel fisico?
Non necessariamente. I CSS definiscono un pixel di riferimento che i browser mappano sui pixel del dispositivo in base alla visualizzazione e allo zoom.