带有span的CSS h1标签 - font-size累积; 为什么？

Question

我有带有跨度的h1标签,在1.4em中有第一个单词,其余在1.2 em中.如果我写

.item.large h1 {
font-size: 1.4em;
padding-top: 0.3em;
margin-left: 0.4em;
}

.item.large h1 span {
font-size: 1.2em; // why is this not taken into account?
}

跨度中的单词实际上甚至大于1.4em,而不是更小!为什么会发生这种意外增长？如何正确设置部分h1标签？谢谢!

编辑:如果我使用0,857142857142857em作为跨度,我在视觉上得到1.2em的高度,但这不是这样做的方式,我敢肯定......

Answer 1

em size unit是相对于父元素的.您可以使用rem单位相对于文档的主单元大小,因此对于常量单位大小.

有关更多信息,请参阅http://snook.ca/archives/html_and_css/font-size-with-rem