移动端 经常出现的兼容问题 1.安卓浏览器看背景图片,有些设备会模糊
因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况下都是2倍的),或者指定background-size:contain;都可以
2.防止手机中页面放大和缩小 3.上下拉动滚动条时卡顿、慢
bodytouch; overflowtouch; }
Android3+和iOSi5+支持CSS3的新属性为overflow-scrolling
4.长时间按住页面出现闪退
elementnone; }
5.iphone及ipad下输入框默认内阴影
elementnone;; }
6.ios和android下触摸元素时出现半透明灰色遮罩
element(); }
设置alpha值为0就可以去除本透明灰色遮罩,备注:transparent的属性值在android下无效。
7.active兼容处理 即 伪类:active失效
方法一:body添加ontouchstart
方法二:js给document绑定touchstart或touchend事件