Quanto vale 1rem in px?

1rem equivale alla dimensione del testo dell’elemento radice; con il valore predefinito di 16 px, 1rem vale 16 px.

Qual è la differenza tra em e rem?

rem è sempre relativo alla dimensione del testo della radice, mentre em alla dimensione ereditata dall’elemento corrente.

I browser mobili nascondono o mostrano la barra degli indirizzi, quindi 100vh può superare l’area visibile; usa dvh o svh quando supportato.

Per la tipografia UI preferisci rem; usa px solo per bordi sottili e dettagli al pixel.

Aggiornato: 2026-09-01

Unità	Relativo a	Uso tipico
px	Pixel del dispositivo (pixel CSS)	Bordi, icone precise
rem	Dimensione del testo della radice	Scala tipografica, spaziature
em	Dimensione del testo del genitore	Dimensionamento locale del componente
%	Proprietà del genitore	Larghezze, layout flessibili
vw	1% della larghezza del viewport	Sezioni a tutto campo
vh	1% dell’altezza del viewport	Altezza hero (attenzione al mobile)
vmin / vmax	Lato minore/maggiore del viewport	Dimensioni responsive quasi quadrate
ch	Larghezza del glifo «0»	Blocchi di codice, campi monospace
ex	Altezza x del font	Tipografia fine rara
svh / lvh / dvh	Viewport piccolo/grande/dinamico	Altezza sicura del browser mobile

Su mobile, 100vh può includere la barra del browser nascosta; preferisci dvh/svh quando supportato.
L’impostazione del corpo testo dell’utente influenza rem — di solito positivo per l’accessibilità.

Quanto vale 1rem in px?: 1rem equivale alla dimensione del testo dell’elemento radice; con il valore predefinito di 16 px, 1rem vale 16 px.
Qual è la differenza tra em e rem?: rem è sempre relativo alla dimensione del testo della radice, mentre em alla dimensione ereditata dall’elemento corrente.
Perché 100vh non funziona bene su mobile?: I browser mobili nascondono o mostrano la barra degli indirizzi, quindi 100vh può superare l’area visibile; usa dvh o svh quando supportato.