Esempio: 24px → 1.5em (base 16px)
Esempio: 1.5em → 24px (base 16px)
| Px | Em | Usi Comuni | Azioni |
|---|
Px (Pixel):Un'unità assoluta con dimensione fissa che non cambia con le impostazioni del browser. 1px equivale a un pixel fisico sullo schermo.
Em:Un'unità relativa basata sulla dimensione del carattere dell'elemento corrente. 1em equivale alla dimensione del carattere dell'elemento corrente. Se l'elemento corrente non ha una dimensione del carattere impostata, eredita dall'elemento padre.
Formule di Conversione:
• Px → Em: em = px ÷ dimensione base del carattere
• Em → Px: px = em × dimensione base del carattere
Raccomandazioni d'Uso:L'uso delle unità em rende la tua pagina più reattiva e accessibile, permettendo agli utenti di regolare la dimensione del carattere tramite le impostazioni del browser. La dimensione predefinita del carattere del browser è tipicamente 16px.