为什么字体大小不变？答案

【问题标题】：Why font size does not change?为什么字体大小不变？
【发布时间】：2013-03-29 07:40:14
【问题描述】：

我想用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？谢谢。

【问题讨论】：

你试过font-size:12px吗？
如果没有其他CSS，当前CSS可以正确设置div的字体大小为12px。您可以使用 Firefox 的 Firebug 或 Chrome 的开发者工具来检查它的计算样式来确认。
@IanY，是的，在computed style，它显示div的字体大小是12px，非常感谢。
@IanY，我只是把div的font-size改成很小的数字：.2em，但是在computed style里，还是显示12px，是不是表示最小的字体-浏览器中的大小是12px？如果不是，12px 是如何计算的？
@HiwayChe，默认情况下，Chrome 会阻止字体大小低于 12px。这就是为什么你无法注意到变化。为了克服这个问题，在body 上设置-webkit-text-size-adjust: none;。

【解决方案1】：

嗯，似乎对我有用：example

不过，您可能指的是小更改启用/禁用 font-size 属性。这是因为嵌套元素的em 相对于它们的父元素font-size。在您的实例中，div 的 font-size:Xem 与主体的 font-size:X% 相关。

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

【讨论】：