用rem做单位,调试的时候,为何chrome调试工具和真机差别那么大?

在chrome移动端调试的时候,完美比例,好看到我都开始爱上自己了。然后在真机上调试,妈波,这是什么鬼,大比例缩放,第一次用rem,难道是rem的问题吗?一脸懵逼,有经验的大神能解释下,这个是为什么吗?
停留在大小差距太大内心无法接受的寒风中凌乱着,坐等。

阅读 3.6k
4 个回答

因为谷歌的最少字体为10px小于10px默认为10px。所以你得把根字体改大点

rem 是跟随根元素的字号大小的,也就是 html 的 font-size, 也就是说,你 html 的 font-size 是要用 js 计算变动的,比例才会完美

`<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>`

加上这句话试试!

感觉应该是meta问题,还有你的设计稿如果是960或者1080的,记得缩小比例,不然肯定会变大

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