Vai al contenuto

Quanti rem sono tanti pixel?

Con il carattere predefinito di 16 px, rem = px ÷ 16: 24 px sono 1,5 rem.

px

Risultato

1,5 rem

24 pixel equivale a 1,5 rem

  • Nel senso opposto: 1 rem = 16 px.

In tutte le unità

Pixel
24 px
Rem
1,5 rem
Em
1,5 em
Punti
18 pt
Pica
1,5 pc
Pollici
0,25 in
Centimetri
0,635 cm
Millimetri
6,35 mm
Quarti di millimetro
25,4 Q

Link sponsorizzati

Con il carattere predefinito di 16 px, rem = px ÷ 16: 24 px sono 1,5 rem.

Come si usa

  1. Inserisci la lunghezza da convertire.
  2. Scegli le unità di partenza e di arrivo.
  3. Imposta la dimensione del carattere che vale 1 rem o 1 em: 16 px, se il tuo foglio di stile non la cambia.

px → rem

pxrem
80,5
120,75
161
241,5
322
483

Con una dimensione del carattere radice di 16 px.

Come funziona

Il CSS ha lunghezze assolute, legate tra loro da rapporti fissi, e lunghezze relative al carattere. In CSS un pollice è sempre 96 px, quindi 1 pt (1/72 di pollice) è 4/3 px, una pica è 16 px e 1 cm è circa 37,8 px. Questi pixel CSS non sono i pixel fisici dello schermo: li scala il browser.

Un rem è la dimensione del carattere dell’elemento radice, un em quella dell’elemento stesso. I browser usano 16 px come valore predefinito, quindi rem = px ÷ 16 e 24 px = 1,5 rem. Se il carattere radice è 20 px, 24 px sono 1,2 rem. Il convertitore usa per entrambi l’unica dimensione che imposti, quindi per gli em indica quella che vale per quell’elemento.

Le definizioni provengono dal modulo W3C CSS Values and Units Level 4. Le unità di viewport e di contenitore (vw, vh, cqw) dipendono dallo schermo e non sono incluse.

Link sponsorizzati

Domande frequenti

Come converto px in rem?

Dividi i pixel per la dimensione del carattere radice: con 16 px, 32 px ÷ 16 = 2 rem.

Per le dimensioni del testo è meglio rem o px?

rem segue la dimensione del carattere che il lettore imposta nel browser, quindi il testo in rem si ingrandisce per chi ha bisogno di caratteri più grandi.

Altri strumenti in Conversione di unità

Tutti i 24 strumenti in Conversione di unità

Link sponsorizzati

Link sponsorizzati