ios设备上iframe宽度不能够按照100%匹配问题

scrolling 属性规定是否在 iframe 中显示滚动条。在ios设备下给他设置为 no 就可以了

<div class="frame_box">
    <iframe class="my_frame" id="myiframe" src="http://m.isheyipai.com/"></iframe>
</div>

设置样式

<style>
.frame_box {
    width: 100%;
    height: 100%;
}
.my_frame {
    width: 100%;
    height: 100%;
    border: 0;
}
</style>

js

var w = $(window).width(),     //获取窗口宽度
    h = $(window).height(),    //获取窗口高度
    ifmbox = $(".frame_box"),  //获取iframe的父级
    iframe = $("#myiframe");   //获取iframe
var cssText = "width:" + w + "px !important;";  //设置样式宽度
iframe.css("cssText", cssText);   //设置iframe样式
if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {  //判断手机终端是ios还是其他
    ifmbox.addClass('ifm-ios');
    iframe.attr("scrolling", "no");
}else {
    iframe.attr("scrolling", "yes");
    iframe.height(h)
}