Uso di em per le intestazioni

Question

Sono nuovo per l'uso di em. Ho sempre usato px finora, ma è ora di andare avanti. Sono bloccato con le mie intestazioni. Ho un H2 ed un H6 con lo stesso stile

font-size:1.2em; 
line-height:1.2em; 

Quando ho messo entrambe le intestazioni nello stesso elemento genitore vengono visualizzati in una dimensione diversa. Come è possibile? Sono relativi al genitore o sono relativi alla dimensione del font di default di se stessi.

Grazie

http://jsfiddle.net/SBAHa/1

Answer 1

basati sul collegamento che hai inviato (joets.be/test/index.html), la ragione per questo sta accadendo è perché avete un'etichetta di ancoraggio all'interno degli elementi di intestazione.

Lo <a> all'interno di H2 ha stili di ridimensionamento dei caratteri ad esso associati, mentre quello interno all'H6 no. Se applicate lo stile 1.2em allo <a> invece che alle intestazioni, funzionerà.

Quindi, in sostanza, fare questo:

h2 a, h6 a{ font-size:1.2em; line-height:1.2em; }

Edit: ho guardato il file css in sé, può semplicemente rimuovere il "h2 un" dalla linea 339?

Answer 2

La dimensione effettiva em di un elemento è calcolato rispetto al font-size del suo elemento genitore.

Date un'occhiata a questo grande articolo che mi ha aiutato capito mesures relativi: http://alistapart.com/article/fluidgrids