Desventajas de la altura de la línea sin unidad?

Question

¿Hay algún inconveniente (incoherencia del navegador/dispositivo ...) al especificar la altura de la línea sin unidad?

Ejemplo:

body { 

    line-height: 1.5; 
} 

Answer 1

En la mayoría de los casos, en realidad es mejor utilizar sin unidades line-height - ver

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - ver las notas donde muestran un ejemplo

Por supuesto, hay excepciones. Lo primero que viene a la mente es cuando tienes un elemento de bloque con conocidoheight y con una línea de texto en él y quieres centrar esa línea de texto verticalmente: creo que la forma más fácil de hacerlo es usar un line-height que es igual al height del elemento de bloque.

---

[Por si acaso, para alguien que no sabe lo que es el trato con line-height sin unidades.]

Suponga que tiene un elemento con font-size: 14px. No importa dónde se haya establecido, si es heredado o no, si lo configuró usted mismo o si proviene de la hoja de estilo del agente de usuario. El elemento tiene font-size: 14px.

Ahora, si establece, digamos line-height: 1.5 para el mismo elemento, esto se traducirá a píxeles como 1.5 * 14px = 21px. Por lo tanto, su line-height calculado será 21px.