我正在构建一个响应式网站,我想使用 new css3 unit - rem
我已将 html 标签上的基本字体大小设置为 1rem
,即 16px
,然后将 body 设置为 62.5%,这应该是 10px
但在 chrome 控制台中查看计算样式时,我看到正文 font-size:12px
。
我尝试使用 0.625em
设置正文,但结果仍然相同,我错过了什么?
您可以在此处查看示例:http://jsfiddle.net/pPmBm/2/
我在 Firefox 上,它似乎工作正常,所以它似乎是 chrome 的问题。
最佳答案
我以前从未使用过 rem
,但看看您链接的网站,您似乎把它翻转过来了:
html { font-size: 62.5%; }
body { font-size: 1rem; } /* =10px */
关于html - 使用 'em' 和百分比时的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14011165/