Converti istantaneamente tra px, rem, em, pt, vw, vh e %, usando la tua dimensione del font base e le dimensioni del viewport — basta indovinare quanto vale davvero 1.5rem in pixel.
CSS supporta diverse unità per le dimensioni — quelle assolute come px e pt, e quelle relative come rem, em, vw, vh e %. Le unità relative sono essenziali per un design responsivo e accessibile (rem in particolare rispetta la preferenza di dimensione del font del browser dell'utente), ma convertire mentalmente tra loro è davvero difficile, poiché il risultato dipende dal contesto: la dimensione del font radice, la dimensione del font dell'elemento corrente, o le dimensioni del viewport.
Questo convertitore fa quel calcolo per te: imposta la tua dimensione del font base, le dimensioni del viewport e il valore che stai convertendo, e vedi istantaneamente il valore equivalente in ogni altra unità — utile per tradurre le misure in pixel di un mockup di design in valori rem/vw responsivi, o per verificare cosa renderizza realmente sullo schermo una regola CSS esistente.
Con una dimensione del font base di 16px, 1.5rem si converte in 24px. Con una larghezza del viewport di 1440px, 5vw si converte in 72px.