如果我的身体字体大小在CSS中是75%，为什么6rem DIV大小等于96 is？

Question

我的HTML看起来如下：

body {
font-size: 75%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

我的CSS看起来如下：

header .logo {
    text-align:center;
    line-height: 6rem;
    font-size: 4rem;
    font-weight: bold;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial;
}

当我指定为6 6rem的线高度时，它在工具中显示为96 as。有人能告诉我，在rem中设置会忽略身体字体大小设置吗？

我的目标是IE9及以上，所以现在使用rem甚至是一个好主意，还是应该在使用rem进行未来设计之前等一年？

Answer 1

因为根元素不是body，所以它是html。由于您没有实际修改根元素的字体大小，所以1 rem仍然等于默认的16 of字体大小，所以6 rem是96 of。

要纠正这一点，只需更改选择器：

html {
font-size: 75%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

现在，6雷姆应正确计算为72 of (6倍于16 of的75% )。