一、按钮点击时出现黑色背景
解决方法：
.class { -webkit-tap-highlight-color:rgba(0,0,0,0);}
.class { -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
二、iOS中伪类:active失效
解决方法：
$(function(){
document.body.addEventListener(‘touchstart‘, function () { });
})
三、移动端常用<meta>标签
<meta content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">
四、响应式语法
@media screen and (max-width: 320px){
.class { }
}
@media screen and (min-width:321px) and (max-width:375px){
.class { }
}
五、屏蔽浏览器滑动翻页
解决方法
var doc = document.getElementById(‘id‘);
doc.addEventListener(‘touchmove‘, function(event) {
if(event.target.type == ‘range‘) return;
event.preventDefault();
})
原文：http://www.cnblogs.com/binlink/p/5336909.html