Convertitori
Convertitore unità CSS
Da px, rem, em, viewport e unità assolute con riferimento 96px/in.
Obiettivo: Allineare font-size e layout tra design, codice e browser.
Come funziona
Converte tra unità CSS di lunghezza usate in font-size, width, margin ecc. Le unità assolute (px, pt, pc, in, cm, mm) seguono il modello di riferimento 96px = 1in. rem moltiplica il font-size di :root; em quello dell’elemento genitore (qui configurabile). vw/vh/vmin/vmax usano la finestra del browser corrente. Per % indica la lunghezza di riferimento (es. larghezza contenitore in px). Tutto è calcolato nel browser.
Viewport rilevato: 0×0px — ridimensiona o attendi il layout se vedi zeri.
Risultato
1rem
16px equivalenti a 1rem