Bootstrap为什么将line-height属性设置为1.428571429?


Answers:


177

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

20px÷14px = 1.428571429

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

同时保持行高无单位,使其更加通用。有关更多信息,请参见2006年2月以来Eric Meyer的帖子。


2
我正要问同样的事情。看起来这个问题经常出现。也许Bootstrap开发人员代码应该有一个简短的解释性注释。
ivanjonas

1
我认为这根本不是一个愚蠢的问题。我已经line-height在IE11中看到这种不规则的原因导致模糊,这使我感到怀疑。答案是完全有道理的,但是代表Bootstrap最好将数字四舍五入到小数点后两位。
aminimalanimal
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.