可以使用iframe-resizer
项目地址: http://davidjbradshaw.github.io/iframe-resizer/
演示地址: http://davidjbradshaw.com/iframe-resizer/example/
用法:
1.父页面: 引入jQuery.js 和 iframeResizer.min.js
<script>
jQuery(function($){
$('#js_iframe').iFrameResize();
})
</script>
2.
Iframe, 需要进行如下设置, 宽度设置成百分比, scrolling设成no .
eg. <iframe width="100%" height="240" src="xx/iframe.html" scrolling="no"></iframe>
3.iframe页面: 引入jQuery.js 和 iframeResizer.contentWindow.js
另外, 兼容IE8+, 添加
<meta http-equiv="X-UA-Compatible" content="IE=edge" />