html5技术教程移动端经常出现的兼容问题

原文链接: http://www.cnblogs.com/wenhuaren/p/8423284.html

移动端 经常出现的兼容问题 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事件