css - 移动端页面字体不清晰

Question

我用的js判断

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

Answer 1

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

Answer 2

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

Answer 3

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