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.