为什么字体大小不会改变？

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？谢谢.

Answer 1

嗯,似乎对我有用:例子

但是,您可能指的是启用/禁用该属性的变化不大font-size.这是因为em嵌套元素与父元素相关font-size.在你的实例中,font-size:Xemdiv的相对于font-size:X%身体的相对.

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