CSS Unit Converter
Converti tra tutte le unità CSS con font base e viewport personalizzati.
① Seleziona unità CSS sorgente e destinazione ② Inserisci un valore ③ Copia il risultato
→
Impostazioni
Font Base
Default 16px — influisce su rem, em, ex, ch
Viewport
Default 1440×900 — influisce su vw, vh, vmin, vmax
13 Unità
px, rem, em, vw, vh, vmin, vmax, pt, pc, ex, ch, cm, mm, in
Convertitore Unità CSS — Tutte le Unità Spiegate
CSS usa più unità per le dimensioni: assolute (px, pt, cm, mm, in) e relative (rem, em, vw, vh). Le unità relative dipendono dal contesto — rem usa il font-size root, em usa il font-size del genitore, le unità viewport dipendono dalle dimensioni del browser.
Domande Frequenti
px è un'unità assoluta. rem è relativo al font-size root (di solito 16px). em è relativo al font-size del genitore. rem è preferito per tipografia accessibile e scalabile.
vw (larghezza viewport) è l'1% della larghezza del browser. vh (altezza viewport) è l'1% dell'altezza. Usate per layout fluidi e sezioni a schermo intero.
I browser usano 16px come font-size root. 1rem = 16px. Puoi cambiarlo nel pannello impostazioni per adattarlo al tuo progetto.
pt (punto) e pc (pica) sono unità assolute per la stampa. 1pt = 1/72 pollice = 1,333px. 1pc = 12pt = 16px. Raramente usate nel CSS web.
Usa rem per font-size, padding e spaziatura per rispettare le preferenze utente. Usa px per bordi, ombre e dettagli dove la precisione assoluta è importante.
ex è l'x-height del font corrente (circa la metà del font-size). ch è la larghezza del carattere "0". Entrambe sono raramente necessarie.
vmin è l'1% della dimensione viewport minore. vmax è l'1% di quella maggiore. Utili per scalare elementi in modo uniforme tra orientamenti.