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

Css 字体大小为100%时的行高默认值,css,Css,我必须覆盖页面的正文样式: body{ font-size:14px; line-height:20px; } 覆盖: body{ font-size:100%; line-height:?????; } 如果我指定了字体大小:100%,那么行高属性的默认值是多少 这些属性之间有严格的关系吗?是正常的,所以使用: body { font-size: 100%; line-height: normal; } 仅供参考,如果你有Chrome浏览器

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

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

body{
    font-size:100%;
    line-height:?????;
}
如果我指定了
字体大小:100%
,那么
行高属性的默认值是多少

这些属性之间有严格的关系吗?

是正常的,所以使用:

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

仅供参考,如果你有Chrome浏览器,你可以通过打开网站,检查
元素并查看继承的计算样式来确认这一点。

设置一个无单位值
1
,该值将计算出的字体大小(即字体大小)乘以1,从而获得足够高的行高

您还可以使用
1.5
来增加一点间距

所以要完成你的代码

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

有关更多详细信息,请参阅上的部分。使用无单位数是设置行高的首选方式。

您可以使用相对
行高

如果您的原始大小是
字体大小:14px
行高:20px如果要保持相同的比例,可以使用1*(20/14)em,因此
线条高度:1.42em

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

默认线高度约为1.1米(请参见)

但是,您可以更改行高和字体大小之间的关系,例如:

body {
    font: 100%/1.618;
}
要更深入地了解行高和字体大小之间的关系,最好从以下位置开始:

价值观
normal

取决于用户代理。桌面浏览器(包括Firefox)使用的默认值大致为
1.2
,具体取决于元素的
字体系列


引用:
百分比和em值可能会产生意外的结果,请参见“注释”部分。
@Christoph True,但问题是,如果他要使用百分比,用什么值来替换像素值是正确的,因此我认为您对问题本身的评论将有助于通知读者。无论如何,引用得很好。作为参考,将其设置为
1
也是这样做的。实际上,默认行高为1.3EM(130%),因为在多行文本中,行下和行上的小行高字符会发生冲突。(尝试第一行“jyg”和第二行“ŠÝŮ”。)但对于记录,此
正常值对应于什么大小<代码>1.38
?@AugustinRiedinger(来自mdn):取决于用户代理。桌面浏览器(包括Firefox)使用的默认值大约为1.2,具体取决于元素的字体系列。