Convertitore da px a rem ed em
Converta i valori tra px, rem ed em definendo la dimensione radice e di contesto: modifichi un campo e gli altri due si aggiorneranno all'istante.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Ogni conversione viene eseguita nel Suo browser. Nessun dato inserito viene caricato su BroBroGo.
FAQ
Qual è la differenza tra px, rem ed em?
L'unità px rappresenta una lunghezza fissa. L'unità rem viene calcolata in base alla dimensione del font radice della pagina (con una radice di 16px, 1rem equivale a 16px). L'unità em è invece relativa alla dimensione del font dell'elemento in cui si trova. Definire le dimensioni dei testi e delle spaziazioni in rem consente un ridimensionamento armonioso quando l'utente modifica le impostazioni predefinite del browser.
Perché esiste una dimensione di contesto em separata?
L'unità em è relativa alla dimensione del carattere dell'elemento stesso, che non sempre coincide con la radice (root). Imposti il contesto em sulla dimensione del carattere di quell'elemento per calcolare correttamente il valore em, mantenendolo uguale alla radice quando i due valori coincidono.
Cosa succede se la dimensione del font radice non è 16px?
Può modificare il campo relativo alla dimensione del font radice per adattarlo al Suo CSS: tutti i valori in rem si aggiorneranno all'istante. La tabella rapida riportata di seguito rappresenta una guida utile per la comune radice a 16px da cui parte la maggior parte dei siti.