iframe 高度 100% 不起作用

Question

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

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

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

所以，我这里用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);
});

iframe height 100% not working