css - 字体大小为 100% 时的行高默认值

Question

我必须覆盖页面的正文样式：

body{
    font-size:14px;
    line-height:20px;
}

覆盖：

body{
    font-size:100%;
    line-height:?????;
}

line-height如果我指定，财产的默认值是font-size:100%多少？

这些属性之间是否有严格的关系？

score 40 · Accepted Answer

默认line-height是normal，所以使用：

body {
    font-size: 100%;
    line-height: normal;
}

仅供参考，如果您有 Chrome，您可以通过打开网站、检查<body>元素并查看继承的计算样式来确认这一点。

score 9 · Accepted Answer

设置一个无单位的值1，它将计算的字体大小（即字体的大小）乘以 1，从而获得足够高的行高。

您也可以使用1.5更多的间距。

所以要完成你的代码

body{
  font-size:100%;
  line-height: 1.5;
}

有关更多详细信息，请参阅https://developer.mozilla.org/en-US/docs/CSS/line-height上的部分。使用无单位数字被认为是设置行高的首选方式。

score 6 · Accepted Answer

价值观

normal

取决于用户代理。桌面浏览器（包括 Firefox）使用默认值大概1.2，取决于元素的font-family.

...

score 3 · Accepted Answer

默认行高大约为 ~1.1em（见此处）。

但是，您可以更改 line-height 和 font-size 之间的关系，例如使用：

body {
    font: 100%/1.618;
}

score 1 · Accepted Answer

您可以使用相对line-height

如果您的原始尺寸是font-size:14px;并且line-height:20px;您想保持相同的比例，您可以使用 1 * (20/14) em 所以line-height:1.42em;

body{
    font-size:100%;
    line-height:1.42em;
}

5 回答 5