做了个微信的h5邀请函页面,遇到了几个移动端的问题,一直都忘了整理。
1.input框光标不居中,用height为定值,设置了line-height也无效,
解决方法,不给定高,用line-height设置行高后,用padding撑起高度
2.微信内添加音频文件,但不会自动播放,
解决方法:
function audioAutoPlay(id){ //解决微信内部无法播放音频的问题
var audio = document.getElementById(id);
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
document.addEventListener("YixinJSBridgeReady", function() {
audio.play();
}, false);
}
audioAutoPlay("music");
3.微信内h5页面,不支持JS刷新或者跳转,采用
var a= Math.random() * 100;
window.location.href = window.location.href "?id=" a;
4.安卓手机软键盘导致布局上移
解决方法:
①最底部输入框导致的bug,将按钮往上移
②通过JS来修正
function fixfixed(obj) {
if(document.activeElement.nodeName == 'INPUT'){
obj.css('position', 'static');
} else {
obj.css('position', 'fixed');
}
}
暂时现有这些,遇到新的后,继续添加