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

今天一位小公主问我为什么ios上iframe 宽度不能够按照100%匹配，为她解答后写了这篇帖子，希望能够帮助到大家！

闲话不多说码上：

<style>
.frame_box {
    width: 100%;
    height: 100%;
}

.my_frame {
    width: 100%;
    height: 100%;
    border: 0;
}
</style>
<div class="frame_box">
    <iframe class="my_frame" id="myiframe" src="http://m.isheyipai.com/"></iframe>
</div>
<script>
    var w = $(window).width(),
        h = $(window).height(),
        ifmbox = $(".frame_box"),
        iframe = $("#myiframe");
    var cssText = "width:" + w + "px !important;";
    iframe.css("cssText", cssText);
    if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        ifmbox.addClass('ifm-ios');
        iframe.attr("scrolling", "no");
    } else {
        iframe.attr("scrolling", "yes");
        iframe.height(h)
    }
</script>

看上去很简单吧！这里面惟一的注意点就是 scrolling 属性规定是否在 iframe 中显示滚动条。在ios设备下给他设置为 no 就可以了！