为啥字体大小不变？
Posted
技术标签:
【中文标题】为啥字体大小不变？【英文标题】：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 的字体更大
【讨论】：
是的，你是对的。变化非常很小，当我把div改成更大的尺寸时，就可以清晰地检测到了。
感谢您提供的链接示例。我正在学习使用 EM，这是我开始所需要的。你摇滚，迈克尔，谢谢你。以上是关于为啥字体大小不变？的主要内容，如果未能解决你的问题，请参考以下文章
为啥即使我没有明确设置表格字体大小，表格也不使用正文字体大小？