css - 为什么字体大小不变？

Question

我想用设置字体大小em，而不是px。这是我的代码：

<style type="text/css">
body{
    font-size: 62.5%;
}

div{
    font-size: 1.2em;
}
</style>

<body>
<div>hello world</div>
</body>

我想将div字体大小设置为 12px，但它看起来比我想象的要小，我div用 chrome 浏览器工具禁用了样式，它看起来没有任何变化。为什么以及如何使div字体大小为 12px？谢谢。

score 17 · Accepted Answer

嗯，似乎对我有用：例如

不过，您可能指的是启用/禁用该属性的变化不大。font-size这是因为emfor 嵌套元素是相对于它们的父元素的font-size。在您的实例中，font-size:Xemdiv 的相对于font-size:X%身体的。

如果您仍然没有改变，请尝试将您body的 's设置font-size为更大的百分比以使您div的 's 字体更大

1 回答 1