CSS:62.5%重置仅对线条高度无效
我正在使用重置,以便ems将是正常像素大小的10倍。这是工作的一切,除了线的高度。我希望h2行的高度为24px(在正常文本大小下),但是声明2.4em会使它太大,但是1.5em可以工作。显然,62.5%的规则并不适用。知道为什么吗CSS:62.5%重置仅对线条高度无效,css,Css,我正在使用重置,以便ems将是正常像素大小的10倍。这是工作的一切,除了线的高度。我希望h2行的高度为24px(在正常文本大小下),但是声明2.4em会使它太大,但是1.5em可以工作。显然,62.5%的规则并不适用。知道为什么吗 * { margin: 0; padding: 0; } body { font: 62.5% georgia, serif; } h2 { background: #3418CD; color: #FFFFFF; font: bo
* {
margin: 0; padding: 0;
}
body {
font: 62.5% georgia, serif;
}
h2 {
background: #3418CD; color: #FFFFFF;
font: bold 1.6em/24px georgia, serif;
letter-spacing: 2px;
}
当您使用与字体大小相关的
行高:2.4em
时,因此2.4em的行高和1.6em的字体大小将产生大约38px的总行高
如果您使用:
h2 {
font: bold 1.6em/1.5 georgia, serif;
}
然后,线高度将等于16px 1.5或24px