Iframe跨浏览器自适应高度完美解决方案

来源：百度文库 编辑：神马文学网 时间：2024/04/30 00:23:35
Iframe跨浏览器自适应高度完美解决方案这个解决方案使用了Jquery，所以需要在iframe的src页面里面引入

父页面里面 简单点

在iframe的src页面里面
[html]


[html]
注释 :这里面的 $(window.parent.document).find("#if1").height($("#content").height()); 这句话最初是
$(window.parent.document).find("#if1").height($(document).height());
可以实现自适应高度，但是不能实现缩放自适应。因为document的高度是展示内容出现过的最高高度，所以这里如果点击展开，iframe不会缩小，只会展示最高出现过的高度。

所以这里要用一个父层容器，也就是最新的代码。这样就可以实现自适应了。
Iframe跨浏览器自适应高度完美解决方案 iframe自适应高度[转] 再谈iframe自适应高度 iframe高度自适应 关于IFRAME 自适应高度的研究 iframe自适应高度和宽度1 关于IFRAME 自适应高度的研究 关于IFRAME 自适应高度的研究 - 编程岁月 实现iFrame自适应高度，原来很简单！_江恒电子的空间 Iframe自动适应高度 Iframe自动适应高度文章 Iframe自动适应高度5 跨浏览器攻击Clickjacking漏洞解决方案 Iframe自动适应高度文章的问题 用javascript动态调整iframe高度1 iframe iframe 典型的三行二列居中高度自适应布局 DIV高度自适应及应该注意的问题 典型的三行二列居中高度自适应布局 完美IE6 fixed解决方案 IE浏览器8 大经典故障解决方案 IE浏览器经典故障及其解决方案 不完美户型的完美解决方案