Ciao, sto cercando di usare gli em... son partito dando un dimensione font al body di 13px... e poi ho usato gli em in tutti gli elementi calcolandomi la conversione px->em per ogni elemento. (http://pxtoem.com/)
La questione è che mi sono accorto che gli em fanno riferimento al primo elemento genitore in cui è definita la dimensione font... non fanno riferimento sempre e solo al body.... non c'è la possibilità di farlo puntare solo al font base del body?
faccio un esempio di quel che io considero un problema...
font body 13 px...codice:<body style="font-size:13px;"> <div id="principale" style="font-size:1.231em;"> <!-- font 16px riferito al body di 13px --> <div id="interno" style="font-size:1.125em;"> <!-- font 18px riferito al font di 1.231em del div principale --> </div> </div> </body>
div principale.. voglio un font di 16 px e quindi metto 1.231em
in un div interno a quello principale vorrei un font di 18px... se facessi il calcolo in base al body risulterebbe 1.385em
MA è sbagliato.. perchè l'em prende come base il primo genitore.. quindi il div principale con i suoi 1.231em (16px)
di conseguenza il valore giusto per avere 18px di font nel div interno è 1.125em
Da qui si capisce che diventa... un casino calcolarsi gli em per tutti gli elementi...
bisogna ricordarsi qual'è il primo elemento genitore dove è stato settata una dimensione font...
bisogna ricordarsi che dimensione font in px ha quell'elemento.. perchè leggere 1.385em non chiarisce certo che dimensione sia..
sbaglio qualcosa?
non c'è la possibilità di far puntare tutti gli em... allo stesso font genitore principale.. cioè quello del body?
oltretutto se gli em si riferiscono al primo genitore.. vuole dire che una classe CSS vale solo per quell'elemento...
non posso creare uan classe generica tipo
.font16px {
font-size: 1.231em;
}
e applicarla in giro nel doc htlm sui vari elementi.. perchè quegli 1.231em non saranno sempre 16px ma dipenderà dal primo contenitore che avrà un font-size settato...
Rispondi quotando
Originariamente inviata da Pandax
