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，但它看起来比我预期的要小，我使用Chrome浏览器工具禁用div样式，它看起来没有任何变化。为什么以及如何使div字体大小为12px？感谢。

Answer 1

嗯，好像对我有用：example

但是，您可能指的是 little 从启用/禁用font-size属性的更改。这是因为嵌套元素的em与父项font-size相关。在您的实例中，div的font-size:Xem相对于正文的font-size:X%。

如果仍然没有变化，请尝试将body的{{1}}设置为更大的百分比，以使font-size的字体更大