为什么Bootstrap将行高属性设置为1.428571429?
line-height: 1.428571429;
为什么Bootstrap将line-height
设置为这个值?
( 有些主题围绕到1.42857143。)
行高是通过将目标行高除以字体大小来确定的。 在这个例子中,Bootstrap是基于他们的行高14px字体大小。 目标行高是20px:
20px÷14px = 1.428571429
当确定你的行高时,你要确保你的行之间有足够的空白。 这允许上行和下行而不会侵入其他行。 还有充足的空白空间让你的眼睛在阅读的同时发展出一种视觉节奏。
保持行高无单位使其更通用。 欲了解更多信息, 请参阅2006年2月的Eric Meyer的post。