px to em: come faccio a convertire una misura in pixel in em e viceversa?
Fare questo tipo di calcolo è semplicissimo.
Per prima cosa è necessario conoscere la dimensione di default di font-size definita per l'elemento body. Per il nostro esempio supponiamo che tale valore corrisponda a 12 px.
L'unità di misura em, infatti, ha natura relativa e fa riferimento a questo valore di default. Per farla semplice, em è una sorta di moltiplicatore della dimensione di default.
Quindi, un elemento della pagina avente
font-size: 1.5 emavrà una dimensione in pixel pari al risultato di questa moltiplicazione:
12px * 1.5 = 18px
Viceversa, se volessimo conoscere la dimensione in em di un font-size espresso in pixel dovremmo fare l'operazione inversa:
18px / 12px = 1.5 em
