这个问题,我从网上查了下,好像是属于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'; }