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

Question

line-height: 1.428571429;

(有些主题将其围绕到1.42857143.)

Answer 1

通过将目标行高度大小除以font-size来确定行高.在这个例子中,Bootstrap将它们的行高基准为14px字体大小.目标行高为20px:

20px÷14px = 1.428571429

确定行高时,您需要确保行之间有足够的空白.这允许上升和下降而不会侵入其他行.同时拥有充足的白色空间,让您的眼睛在阅读时形成视觉节奏.

保持线高度无单位使其更加通用.有关更多信息,请参阅Eric Meyer在2006年2月发表的文章.

我正要问同样的事情.看起来这个问题定期出现.也许Bootstrap开发代码应该有一个快速的解释性注释. (2认同)
我认为这根本不是一个愚蠢的问题。我在 IE11 中看到这种不规则的“line-height”导致模糊，这让我产生了疑问。答案是完全有道理的，但对 Bootstrap 来说，将数字四舍五入到小数点后两位可能是谨慎的做法。 (2认同)