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

Question

line-height: 1.428571429;

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

（一些主题将其四舍五入到 1.42857143。）

Answer 1

行高由目标行高大小除以字体大小来确定。在这个例子中，Bootstrap 将它们的 line-height 设置为 14px 字体大小。目标行高为 20px：

20px ÷ 14px = 1.428571429

在确定行高时，您要确保行之间有足够的空白。这允许上升和下降而不会干扰其他行。也有足够的空白让你的眼睛在阅读时形成视觉节奏。

还保持 line-height 无单位使其更加通用。有关更多信息，请参阅 Eric Meyer 从 2006 年 2 月起发表的关于此的帖子。