关于css:Bootstrap为什么将line-height属性设置为1.428571429?

Why does Bootstrap set the line-height property to 1.428571429?

1
line-height: 1.428571429;

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

(一些主题将其取整为1.42857143。)


行高是通过将目标行高大小除以字体大小来确定的。在此示例中,Bootstrap将其行高设置为14px字体大小的基线。目标行高为20px:

20px÷14px = 1.428571429

确定行高时,要确保行之间有足够的空白。这允许在不侵入其他行的情况下进行上升和下降操作。此外,还有足够的白色空间,可以使您的眼睛在阅读时形成视觉节奏。

还可以使行高保持一致,使其更加通用。有关更多信息,请参见2006年2月以来Eric Meyer的帖子。