为什么Bootstrap将行高属性设置为1.428571429?

line-height: 1.428571429; 

为什么Bootstrap将line-height设置为这个值?

( 有些主题围绕到1.42857143。)

行高是通过将目标行高除以字体大小来确定的。 在这个例子中,Bootstrap是基于他们的行高14px字体大小。 目标行高是20px:

20px÷14px = 1.428571429

当确定你的行高时,你要确保你的行之间有足够的空白。 这允许上行和下行而不会侵入其他行。 还有充足的空白空间让你的眼睛在阅读的同时发展出一种视觉节奏。

保持行高无单位使其更通用。 欲了解更多信息, 请参阅2006年2月的Eric Meyer的post。