Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS:62.5%重置仅对线条高度无效_Css - Fatal编程技术网

CSS: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

我正在使用重置,以便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: 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