关于rem单位的问题

发布于 2022-09-01 18:49:04 字数 519 浏览 11 评论 0

clipboard.png
这是css代码,通过link标签引入,想要达到的效果就是html和body的font-size是100px

然而结果是html的font-size:100px,而body则是font-size:16px;

如果我在body里面随便加入一段script代码:
clipboard.png

body的font-size就正常了,变成100px

或者删除link标签,把上方css代码直接写在html中,也是有效果的,求教大神这是什么原理,应该怎么写才是正确的。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

攒一口袋星星 2022-09-08 18:49:04

试了一下,在chrome下有问题,在firefox41和IE11下都没问题,应该是chrome的一个bug,
https://code.google.com/p/chromium/issues/detail?id=319623
应该是这个?建议不要在body元素上使用rem,可以使用em来代替。

上课铃就是安魂曲 2022-09-08 18:49:04
rem设置给html就行了。不需要设置给body
舂唻埖巳落 2022-09-08 18:49:04

rem是root em,这个要设置在根元素也就是html上的,浏览器上如果设置了字体大小,这里没有设置的话,就会默认浏览器设置的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文