Svantaggi dell'altezza della linea senza unità?

Question

Ci sono degli svantaggi (incoerenza browser/dispositivo ...) nell'indicazione dell'altezza della linea senza unità?

Esempio:

body { 

    line-height: 1.5; 
} 

Answer 1

Nella maggior parte dei casi, in realtà è meglio usare senza unità line-height - vedere

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - vedi note dove mostrano un esempio

Naturalmente, ci sono delle eccezioni. Il primo che viene in mente è quando si dispone di un elemento di blocco con un notoheight e con una riga di testo in esso e si desidera centrare quella riga di testo in verticale - trovo che il modo più semplice per farlo è utilizzare un valore line-height uguale a height dell'elemento del blocco.

---

[Solo nel caso, per chi non sa che cosa è il problema con adimensionale line-height.]

Supponiamo di avere un elemento con font-size: 14px. Non importa dove è stato impostato, se è ereditato o meno, se lo si imposta da solo o viene dal foglio di stile dell'agente utente. L'elemento ha font-size: 14px.

Ora, se si imposta, diciamo line-height: 1.5 per lo stesso elemento, questo verrà tradotto in pixel come 1.5 * 14px 21px =. Quindi il tuo line-height calcolato sarà 21px.