移动端页面字体不清晰

clipboard.png
我用的js判断

clipboard.png
在谷歌手机模式就显示成这样
我用的px单位

阅读 10.4k
3 个回答

因为scale的不同,导致页面进过缩放,比如scale是0.5,那就被缩小了两倍。
如果你用dpr是2的真机查看,就会发现并不模糊
之所以chrome上面看起来模糊是因为js获得的dpr是2,然后就被缩小了两倍,但是你电脑的屏幕dpr只有1

涉及移动端高清屏的,还是用真机测试

新手上路,请多包涵

谷歌浏览器最小字体限制,规定字体最小为12px,所以会不清晰,建议用火狐做移动端调试!

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