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

2017-04-02 19:39:12 +08:00
 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
4563 次点击
所在节点    CSS
26 条回复
Livid
2017-04-05 21:02:31 +08:00
@xcatliu 一个处于置顶状态的帖子,如果收到新的回复,置顶时间会延长。
ie88
2017-04-28 09:04:09 +08:00
这个应该是浏览器的 user agent style 吧?
你试试添加 body { margin: 0; padding: 0; }
xcatliu
2017-04-28 11:00:38 +08:00
@ie88 是浏览器的设置限制了最小字体大小
ie88
2017-04-28 15:41:42 +08:00

我 5px 的字体也是正常的呀?
xcatliu
2017-04-28 17:50:26 +08:00
@ie88 可以看看你的 chrome 的设置?
Settings => Show advanced settings => Customize fonts => Minimun font size => 设置为 12 px => 再看看你这个例子?
ie88
2017-04-29 11:42:39 +08:00
@xcatliu

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

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

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

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

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

© 2021 V2EX