Vai al contenuto

Convertitore di unità CSS

Conversione di unità
Web e sviluppo

Quanti rem sono questi pixel?

Converti lunghezze CSS tra px, rem, em, pt, pc, in, cm, mm e Q con la tua dimensione del carattere.

px

Risultato

16 px

1 rem equivale a 16 pixel

  • Nel senso opposto: 1 px = 0,0625 rem.

In tutte le unità

Pixel
16 px
Rem
1 rem
Em
1 em
Punti
12 pt
Pica
1 pc
Pollici
0,1667 in
Centimetri
0,4233 cm
Millimetri
4,233 mm
Quarti di millimetro
16,93 Q

Link sponsorizzati

Converti lunghezze CSS tra px, rem, em, pt, pc, in, cm, mm e Q con la tua dimensione del carattere.

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

Quanti pixel è 1 rem?

16 px con il carattere predefinito dei browser. Cambia con la dimensione del carattere radice, per esempio 10 px con html { font-size: 62.5% }.

Qual è la differenza tra em e rem?

rem usa sempre la dimensione del carattere della radice (html); em usa quella dell’elemento su cui si trova, quindi gli em annidati si moltiplicano.

Quanti pixel sono 12 pt?

16 px: un punto è 1/72 di pollice e un pollice CSS è 96 px.

Un pixel CSS è sempre un pixel dello schermo?

No. I pixel CSS sono unità di riferimento. Il rapporto di pixel del dispositivo e lo zoom determinano quanti pixel fisici rappresentano un pixel CSS.

Posso convertire vw o vh qui?

No. Dipendono dalle dimensioni dell’area visibile. Il convertitore supporta lunghezze CSS fisse ed em/rem alla dimensione del carattere che indichi.

Altri strumenti in Conversione di unità

Tutti i 24 strumenti in Conversione di unità

Link sponsorizzati

Link sponsorizzati