html - 使用“em”和百分比时的奇怪行为

Question

我正在构建一个响应式站点，我想使用新的 css3 单元 - rem。

我已经将 html 标记上的基本字体大小设置1rem为 is16px然后将 body 设置为 62.5% ，10px但在 chrome 控制台中查看计算的样式时，我看到了 body font-size:12px。

我尝试使用设置身体，0.625em但结果仍然相同，我错过了什么？

你可以在这里看到一个例子：http: //jsfiddle.net/pPmBm/2/

编辑：

刚刚在 FF 上测试过，似乎工作正常，所以这似乎是一个 chrome 问题。

Answer 1

我以前从未使用rem过，但看看你链接的网站，你好像把它翻过来了：

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