line-height: 1.428571429;¿Por qué Bootstrap estableceline-height este valor?
( Algunos temas lo redondean a 1.42857143.)
Respuestas:
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.
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.