CSS：62.5％重置仅适用于行高

Question

我正在使用重置，因此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;
}

Answer 1

当您使用相对于字体大小的line-height:2.4em时，行高2.4em和字体大小为1.6em将产生约38px的总行高。

如果您使用：

h2 {
    font: bold 1.6em/1.5 georgia, serif;
}

然后行高将等于16px x 1.5或24px。