怎样让iframe里面的图片自动适应iframe的大小iframe代码见如下。

第一种：

<script type="text/javascript">

function reinitIframe(){

var iframe = documentgetElementById("mainFrame");//id改为你的iframe的id

try{

var bHeight = iframecontentWindowdocumentbodyscrollHeight;

var dHeight = iframecontentWindowdocumentdocumentElementscrollHeight;

var height = Mathmax(bHeight, dHeight);

iframeheight = height;

}catch (ex){}

}

windowsetInterval("reinitIframe()", 200);

</script>

第二种：

<script>

//IFrame自适应高度

function reinitIframe(){

var iframe = documentgetElementById("infoshowiframeid");//IFRAME id

try{

var bHeight = iframecontentWindowdocumentbodyscrollHeight;

var dHeight = iframecontentWindowdocumentdocumentElementscrollHeight;

var height = Mathmax(bHeight, dHeight);

iframeheight = Mathmax(height,400);

// alert(height)

}catch (ex){}

}

windowsetInterval("reinitIframe()", 200);

</script>

并不是里页面高度自适是，而是外面的iframe高度自适应你引入的页面的高度。思路是js控制iframe自适应高度，因为iframe本身并不能自适应高度，只有写死高度才行，所以要用js判断整个页面内容的高度。

给你的代码:

<iframe allowtransparency="true" src="你要入引的页面htm" id="defaulIframePage" name="defaulIframePage" frameborder="0" scrolling="no" width="100%" onload="defaulIframePageHeight()">

</iframe>

js部分:

function defaulIframePageHeight()

{

var ifm = documentgetElementById("defaulIframePage");

var subWeb = documentframes documentframes["defaulIframePage"]document : ifmcontentDocument;

if (ifm != null && subWeb != null)

{

ifmheight = subWebbodyscrollHeight;

}

}

1创建两个HTML文件在一个文件夹,一个“索引”和一个“iframe”。

2增强的iframe标记添加到索引,然后直接进入iframe嵌入页面。

3添加两个div标签内容与固定高度iframe页面。

4当浏览器打开索引页的答案时,我们发现有一个滚动条在iframe的一部分。我们需要滚动以显示页面跟踪。

5现在,我们添加以下回答属性的iframe标签索引页面。

6n再次进入索引页。iframe是高度适应内容的大小,如下图所示。

这里面说的很详细我也在学习希望对你有些帮助哦另外那个iframe调整大小可以先切换到拆分找到iframe这个代码然后空格如图

witdh表示宽度height表示高度直接输入就好

1，在iFrame的包含页面里加入

<style>

html { overflow-x:hidden; overflow-y:auto; }

</style>

2，给iframe加上样式--用于兼容FF

如<iframe scrolling="auto" style="overflow-x:hidden; overflow-y:auto;"></iframe>

3，还要在包含页面中加段JS来解决IE6的BUG--即竖向滚动条的17px

function ifrIe6PageW(){

if (get_navigator() == "IE:60"){

var iframeH = windowparentdocumentgetElementById("my_iframe")clientHeight;

var iframeW = windowparentdocumentgetElementById("my_iframe")clientWidth;

var pageH=documentbodyscrollHeight;

if (pageH >= iframeH){

documentbodystylewidth=(iframeW - 17)+"px";

}

}

}

以上就是关于怎样让iframe里面的图片自动适应iframe的大小iframe代码见如下。全部的内容，包括:怎样让iframe里面的图片自动适应iframe的大小iframe代码见如下。、什么命令可以使iframe框架里的被引用页面宽高自适应框架宽高、怎么能让iframe页内框架的大小根据在框架内显示网页的大小而定在线等。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！