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,具体取决于元素的字体系列。