iframe高度100％不起作用[重复]

Question

我对 iframe 高度有疑问。下面是 iframe 高度为 100% 的一段代码

 <iframe id="iframeid" src="#" width="100%" height="100%" id="iframeid">
</iframe>

但是，iframe 不适合整个屏幕高度。我得到了 1/4 的屏幕

所以，我在这里使用 Jquery 来识别屏幕高度并将其设置为 iframe 高度。

$(document).ready(function() {
    var iframeWin = screen.height;
    $('#iframeid').height(iframeWin);
});

现在高度扩大到一定程度（屏幕高度），但问题是我的高度越来越高。我也看到了一些滚动..

是否有任何正确的方法可以使 iframe 适合整个屏幕？

这是我的JSFIDDLE

Answer 1

问题是您使用的是整个屏幕高度。正确的方法是使用window 高度。所以正确的代码是：

$(document).ready(function() {
    var window_size = $(window).height();
    $('#iframeid').css('height', window_size);
});

这是updated JSFiddle。