Question

我想生成一个iframe，其高度将扩展到浏览器窗口的底部。如果用户更改了浏览器的高度，那么iframe的高度也应该动态更改。但是，我希望iframe的最小高度不会超过它。我该怎么做？

Answer 1

我正在做一些非常相似的事情。 1）获取窗口调整大小事件（我正在使用jQuery）

$(window).resize(function(){});

2）弹出您想要的动作。对我来说，我在文档的主体上明确设置了一个高度，所以我的CSS高度：100％在内部容器上会占用。你可以在函数中做任何事情：

$(window).resize(function(){
    $('body').height($(document).height());
});

我的标记：

<html>
    <body>
        <div class="full-height">Hello World</div>
    </body>
</html>

我的CSS：

body {position:relative;}
.full-height {height:100%;}

Answer 2

这将有助于了解您正在使用的内容，但这有望为您指明正确的方向。

iframe {
  height:100%;
  min-height:300px;
}

Answer 3

您是否尝试将iframe放入包装器div

<div id="iframediv" style="min-height:500; overflow:scroll">
    <iframe src="http://google.com"> </iframe>
</div>

值得一试。