【前端】移动端页面字体不清晰

【前端】移动端页面字体不清晰
我用的js判断

【前端】移动端页面字体不清晰
在谷歌手机模式就显示成这样
我用的px单位

回答

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

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

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

以上是 【前端】移动端页面字体不清晰 的全部内容, 来源链接: utcz.com/a/79465.html

回到顶部