【发布时间】:2012-12-10 06:35:49
【问题描述】:
我正在构建一个响应式网站,我想为此使用 new css3 unit - rem。
我已将 html 标记上的基本字体大小设置为 1rem,即 16px,然后将正文设置为 62.5%,这应该是 10px,但在查看计算样式时chrome控制台,我看到正文font-size:12px。
我尝试使用0.625em 设置正文,但结果仍然相同,我错过了什么?
您可以在此处查看示例:http://jsfiddle.net/pPmBm/2/
编辑:
刚刚在 FF 上测试,似乎工作正常,所以这似乎是一个 chrome 问题。
【问题讨论】:
-
嗨,我刚刚检查了你的 jsfidle,它看起来还不错:HTML 的字体大小为 16px,body 将其覆盖为 62.5%,body 的字体大小符合预期。
-
我在你的小提琴中看不到任何 rems 或 ems。你链接错了吗?
-
请注意,rem 值在
html的字体大小之后采用,无论您设置什么度量单位,所以如果html是16px,那么1rem 总是等于16px。 -
不,但关键是,即使在我开始使用任何字体大小之前,我也无法让正文大小合适,无论如何我已经更新了小提琴
-
我使用的是 Chrome 23/winXP 并且 jsfiddle 的大小正确:10px。当然,您还没有使用 rem 单位。