CSS：62.5% 重置不适用于仅行高

Question

我正在使用重置，以便 ems 将是正常像素大小的 10 倍。这适用于除行高之外的所有内容。我想要一个 24px 的 h2 行高（在正常文本大小下），但声明 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 的字体大小将产生大约 38 像素的总行高。

如果你使用：

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

那么行高将等于 16px x 1.5 或 24px。