Question

我遇到iframe高度问题。下面是iframe高度为100％

的代码段

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

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

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

$(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);
});