为什么字体大小不变？

我想用em设定字体大小，而不是px。这里是我的代码：为什么字体大小不变？

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

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

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

我想设置div的字体大小12像素，但它看起来很小，比我期望的，我禁用div风格的chrome浏览器的工具，它不看有什么变化。为什么以及如何制作div字体大小12px？谢谢。

2013-04-07 hiway

你试过'字体大小：12px'？ – 2013-04-07 03:19:05

如果你没有其他的CSS，当前CSS可以正确设置div的字体大小为12px。您可以使用Firefox的Firebug或Chrome的开发人员工具来确认计算出的风格。 – 2013-04-07 03:38:40

@IYY，是的，在'calculate style'中，它显示'div'的字体大小是12px，thx非常多。 – hiway 2013-04-07 03:59:10

嗯，似乎为我工作：example

虽然，你可能指的是从启用/禁用font-size财产小变化。这是因为嵌套元素的em相对于其父母font-size。在你的例子中，div的font-size:Xem相对于body的font-size:X%。

如果你仍然没有得到改变，请尝试设置body的font-size到更大的比例，让您div的字体更大

2013-04-07 03:24:41

是的，你是对的。这个改变非常小，当我把'div'改成更大的尺寸时，它可以被清晰地检测出来。 – hiway 2013-04-07 03:58:11

哈哈耶，几个月前我有同样的问题。很高兴我能帮上忙：） – 2013-04-07 04:27:33

回答