Question

iframe如何高度满屏兼容

做一个带切换的页面，iframe不能满屏。
谁能帮我解决呢？

Answer 1

经典代码 iFrame 自适应高度，在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
HTML代码：
<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>Javascript代码：
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>

Answer 2

高度设置成100%

追问

IE无法兼容啊。你Q多少，我加你帮我解决一下啦。谢谢，可以吗?

追答

你是要充满全屏吗？其实你把高度设成100%就行了，它会根据里面的内容来决定多高

追问

你加我Q帮我看下可以吗？3195387谢谢

Answer 3

var $content = $('.content');
$content.height($(this).height() - 155);
$content.find('iframe').each(function() {
$(this).height($content.height());
});

Answer 4

<iframe src="./files/项目背景.html" style="height:80ch;width: 100%;" id="iframe">
<p>您的浏览器不支持 iframe 标签。</p>
</iframe>
这里面的height：80ch 很重要 ch的具体使用 可以百度一下..