rem谷歌浏览器和火狐浏览器转换不对

在APP.vue里设置了html{font-size:62.5% !important},在其他组件的一个div设置了{width:100%,hieght:5rem},可是检查元素的时候在谷歌是60px,在火狐是50px。

clipboard.png

clipboard.png

阅读 4.4k
3 个回答

讲道理,你如果要在浏览器里边想看明白rem单位布局。
建议,在使用谷歌浏览器的时候,取消到最小字体12px的设置。
这样就可以保持一致了。

clipboard.png

chrome有最小字体大小限制12px

并且正常来讲,html的font-size应该是设计图的宽度或倍数,比如 750px,75px,这样利于开发人员书写rem

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题