disign.it | CSS: dimensionare il testo usando ems | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.104 visualizzazioni

CSS: dimensionare il testo usando ems

03/02/2012

Per 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.

ems
← Javascript: uso della sezione CDATA Ipad: i costi umani →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.