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

Question

我用的js判断

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

Answer 1

因為scale的不同，導致頁面進過縮放，例如scale是0.5，那就被縮小了兩倍。
如果你用dpr是2的真機查看，你會發現並不模糊
之所以chrome上面看起來模糊是因為js獲得的dpr是2，然後就被縮小了兩倍，但是你電腦的畫面dpr只有1

Answer 2

涉及行動端高清螢幕的，還是用真機測試

Answer 3

Google瀏覽器最小字體限制，規定字體最小為12px，所以會不清晰，建議用火狐做行動電話除錯！