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';

}

  

posted @ 2017-07-12 16:08  抱明月  阅读(5190)  评论(0编辑  收藏  举报