微信H5頁面遇到的一些問題

做了個微信的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');
        }
    }

暫時現有這些，遇到新的后，繼續添加