使用'em'和百分比时的奇怪行为

时间:2012-12-23 13:02:53

标签: html5 css3 em

我正在构建一个自适应网站,我想使用new css3 unit - rem

我已将html标记上的基本字体大小设置为1rem 16px,然后将正文设置为62.5%,应该是10px但是当查看chrome控制台中的计算样式,我看到正文font-size:12px

我尝试使用0.625em设置身体,但结果仍然相同,我缺少什么?

您可以在此处查看示例:http://jsfiddle.net/pPmBm/2/

修改

刚刚在FF上测试过,似乎工作正常,所以看起来像是一个问题。

1 个答案:

答案 0 :(得分:0)

之前我从未与rem合作过,但是看看你关联的网站,似乎是你翻过来的:

html { font-size: 62.5%; } 
body { font-size: 1rem; } /* =10px */