很多人估計會遇到這樣的情況，在IFrame嵌入某些頁面，總會出現滾動條，那么有沒方法，可以讓IFrame隨着嵌入頁面的內容大小自動調節大小而不出現滾動條呢？答案是肯定的，經過查找，本人發現用IframeResizer腳本可以很好解決此問題，並且它是跨域名的，即使嵌入的是第三方頁面，不需繁雜處理，幾個步驟就可以使它自動調節寬度和高度。
1。首先下載iframe-resizer最新版本，現在是v2.5.2, 地址：
https://github.com/davidjbradshaw/iframe-resizer/zipball/master
2。在放Iframe的頁面，引入iframeResizer.min.js腳本，並且進入如下初始化。
<script type="text/javascript">
iFrameResize({
log : true, // Enable console logging
enablePublicMethods : true, // Enable methods within iframe hosted page
});
</script>
3。 添加的Iframe,還要進行如下設置，寬度設置成百分比,scrolling設成no .
如：
<iframe src="http://anotherdomain.com/frame.content.html" width="100%" scrolling="no"></iframe>
4。在被嵌入的頁面，添加如下腳本.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/iframeResizer.contentWindow.min.js" type="text/javascript"></script>
5.為兼容IE8+,還要添加如下。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
實例：
http://davidjbradshaw.com/iframe-resizer/example/