¿Por qué Bootstrap establece la propiedad de altura de línea en 1.428571429?

Respuestas:

177

La altura de línea se determina dividiendo el tamaño de altura de línea objetivo por el tamaño de fuente. En este ejemplo, Bootstrap está basalizando su altura de línea con un tamaño de fuente de 14px. La altura de la línea objetivo es de 20 px:

20px ÷ 14px = 1.428571429

Al determinar la altura de la línea, debe asegurarse de tener un amplio espacio en blanco entre las filas. Esto permite ascendentes y descendentes sin interferir en otras filas. Además, tener un amplio espacio en blanco permite que sus ojos desarrollen un ritmo visual mientras leen.

Además, mantener la altura de línea sin unidades lo hace más versátil. Para obtener más información, consulte la publicación de Eric Meyer sobre esto desde febrero de 2006.

Hynes
fuente
2
Iba a preguntar lo mismo. Parece que esta pregunta surge de manera regular. Tal vez el código de desarrollo de Bootstrap debería tener un comentario explicativo rápido.
ivanjonas 01 de
1
No creo que esta sea una pregunta tonta en absoluto. He visto esta line-heightfalta de definición irregular en IE11, lo que me hizo cuestionarlo. La respuesta tiene mucho sentido, pero redondear el número a solo un par de decimales probablemente sería prudente en nombre de Bootstrap.
aminimalanimal 01 de