在移动端设置了overflow:auto|scroll,当子元素超过的父元素的高度内容就会模糊发虚
如果没超过或者移除overflow就正常,如下图
我尝试过加
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
有没有在真机实际查看过?是不是也是这样的问题。
如果真机也是这样的话, 看看是不是碰到小数像素模糊的问题了。