ios iphone ipad上iframe的寬度會擴大的解決辦法

這個問題，我從網上查了下，好像是屬於ios的bug，android，windows都沒有問題。

解決辦法，就是在iframe加載完成后，設置 iframe里面body的寬度為多少PX。

$("#iframe1")[0].onload = function () {
        iosIframeWidthBug();
    }

　　

/*修復ios iframe width bug*/
function iosIframeWidthBug(){
    //不是 iphone ipad就不執行了
    if (!navigator.userAgent.match(/iPad|iPhone/i))
        return false;
    //獲取子iframe
    var iframebody = document.getElementById('iframe1').contentWindow.document.body;
        iframebody.style.width = document.body.clientWidth+'px';

}