发现 css 中 rem， font-size 和 margin 的一个 bug，能帮我测试下吗？

2017 年 4 月 2 日
 xcatliu
提问在 http://stackoverflow.com/q/43003484/2777142

将 html 的 font-size 设为 10px
p 的 font-size 设为 2rem ，渲染结果为 20px
p 的 margin 设为 2rem ，渲染结果为 24px

有人给了一个回答，说是 chrome 版本问题，已经在最新版本中修复了。
可是我将 chrome 升级为和他一样的版本，依然有问题。

能帮我测试下吗？

看看 这个 CodePen 的 font-size 和 margin 即可
https://codepen.io/anon/pen/peKKZY
5553 次点击
所在节点    CSS
26 条回复
Livid
2017 年 4 月 5 日
@xcatliu 一个处于置顶状态的帖子，如果收到新的回复，置顶时间会延长。
ie88
2017 年 4 月 28 日
这个应该是浏览器的 user agent style 吧？
你试试添加 body { margin: 0; padding: 0; }
xcatliu
2017 年 4 月 28 日
@ie88 是浏览器的设置限制了最小字体大小
ie88
2017 年 4 月 28 日

我 5px 的字体也是正常的呀？
xcatliu
2017 年 4 月 28 日
@ie88 可以看看你的 chrome 的设置？
Settings => Show advanced settings => Customize fonts => Minimun font size => 设置为 12 px => 再看看你这个例子？
ie88
2017 年 4 月 29 日
@xcatliu

我 chrome 的 minimum font size 默认是 6px，改成 12px 也正常呀

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/352193

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX