twitter bootstrap - español - ¿Por qué Bootstrap establece la propiedad line-height en 1.428571429?

bootstrap tutorial

Question

line-height: 1.428571429;

¿Por qué Bootstrap establece line-height a este valor?

( Algunos temas lo redondean a 1.42857143).

Answer 1

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

20px ÷ 14px = 1.428571429

Al determinar la altura de la línea, quiere asegurarse de tener un amplio espacio en blanco entre las filas. Esto permite ascendentes y descendentes sin interferir en otras filas. También tener un amplio espacio en blanco permite que tus ojos desarrollen un ritmo visual mientras leen.

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