1. ios中音频不自动播放；
原因：出于节省流量的初衷，ios系统禁止音视频自动播放。
解决方案：使用微信的JS-SDK。
DEMO：
先引入微信的JS-SDK，
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
然后在wx.ready中调用play方法播放。
var audio = document.getElementById('bgmusic');
autoPlayAudio();
function autoPlayAudio() {
wx.config({
// 配置信息, 即使不正确也能使用 wx.ready
debug: false,
appId: '',
timestamp: 1,
nonceStr: '',
signature: '',
jsApiList: []
});
wx.ready(function() {
audio.play();
});
}
2. 微信升级到7.0版本以后，填写表单信息弹出键盘会把页面顶上去，键盘消失的时候页面不自动下来；
解决方案：使用onblur方法在表单失去焦点的时候让页面滚动到最顶部。
DEMO：
<form class="form" action="" method="">
<div><label for="idNumber">身份证号</label><input type="text" name="idNumber" onblur="window.scrollTo(0, 0);" id="idNumber"></div>
</form>
3. 去除移动端点击时的背景；
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
4. 去掉input框的默认样式；
input {
background-color: transparent;/*背景变透明*/
filter: alpha(opacity=0); /*androd*/
appearance: none; /*去除系统默认appearance的样式,常用于IOS下移除原生样式(下拉框去掉右侧图标等)*/
-moz-appearance: none;
-webkit-appearance: none;
}