Css tips and tricks
3.000 visualizzazioni
CSS: dimensionare il testo usando ems
03/02/2012Per facilitare l'utilizzo dell'unità di misura ems basta servirsi di un semplice accorgimento, partendo dalla considerazione che per i font le misure in em si riferiscono alla misura del carattere del blocco superiore.
Dunque se partiamo da questa dichiarazione
body, html { font-size: 62.5%; }
considerando che la dimensione di default della maggiornaza dei browser è di 16px, otterremo un carattere 'base' di 10px (16 x 0.625 = 10).
Da questo momento sarà facilissimo ragionare in ems!
1em è 10px, 0.8em è 8px, 1.6em è 16px, etc.
