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

标签 html css google-chrome font-size

我正在构建一个响应式网站,我想使用 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/

相关文章:

angularjs - 在禁用网络安全模式下运行的 Chrome 中,对预检请求的响应未通过访问控制检查

javascript - 为什么我的 Bootstrap 4.6 药片和标签无法正常工作?

javascript - 如何包含文件并将其内容包装在 `pre` 标记中

java - 为什么 Java Swing html 字体渲染看起来这么糟糕?

html - 对齐多个 div 底部的链接按钮

html - CSS 边框不显示?

html - html正文中的空格

css - FF 中的 Framework7 消息样式问题

javascript - Chrome 中的 CSS 和 JavaScript 幻灯片问题

android - Web 共享 API - 共享图像