Проблема с высотой iframe только на Chrome

Question

У меня проблема с высотой iframe только в Chrome. Все остальные распространенные браузеры, такие как IE, Opera, Safari и FF работают нормально.

<iframe runat="server" id="ifTest" name="ifTest" frameborder="0" height="790px" width="960px" style="position:inherit;"></iframe>

во всех браузерах это работает нормально, но в Chrome появляется большой пробел внизу страницы, после нижнего колонтитула. Если я уроню Высота в iframe, iframe будет крошечным, но без большого белого пространства внизу страницы после нижнего колонтитула.

Кто-нибудь может мне помочь?

Answer 1

Попробуйте

iframe#ifTest{
   width:960px;
   height:790px;
}

и удалите ширину и высоту из тега iframe

Answer 2

В моем случае это помогает (работает в Chrome & Moz.Firefox ):

iframe {
    height:100vh; // without it doesn't works
    width: 100%;
    overflow:hidden;
}

<iframe frameborder="0" name="iframe_article"></iframe>

Answer 3

Но iframe называют иностранной страницей.У меня нет этой страницы в моем решении.Я попробовал некоторые javascript, такие как

function resizeFrame(f) { f.style.height = f.contentWindow.document.body.scrollHeight + "px"; }