CSS或JS解決方案，強制頁面沒有向下滾動並保持100％的窗口高度

Question

http://testing.gamemode.org/

我試圖確保頁面只顯示窗口的高度，即使調整大小，也不會向下滾動。 我不想滾動條。 我目前嘗試的方法是：

<!DOCTYPE html>
<html>
<head>
<style>
.wrapper
{
height:100%;
overflow:none;
}
</style>
</head>
<body>
<div class="wrapper">
<iframe src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&amp;width=1280&amp;secure=true&amp;key=0202f0ddb5a3458aabf520e5ab790ab9&amp;height=800" width="1280" height="800" border="0"     scrolling="no" frameborder="0"></iframe>
</div>
</body>
</html>

我能做些什么才能實現我想要的目標？

編輯：事實上，我想強制iframe調整大小以適應頁面，必要時拉伸。

Answer 1

嘗試將CSS規則應用於正文和iframe

body, .wrapper, iframe {
    height:100%;
    width:100%;
    overflow:none;
}

Answer 2

如果你給你的包裝器一個position: absolute這應該適用於大多數現代瀏覽器。

CSS或JS解決方案，強制頁面沒有向下滾動並保持100％的窗口高度

問題描述

2 個解決方案

解決方案1
1 已采納 2013-09-16 04:24:00

解決方案2
1 2013-09-16 04:24:06

CSS或JS解決方案，強制頁面沒有向下滾動並保持100％的窗口高度

問題描述

2 個解決方案

解決方案1 1 已采納 2013-09-16 04:24:00

解決方案2 1 2013-09-16 04:24:06

解決方案1
1 已采納 2013-09-16 04:24:00

解決方案2
1 2013-09-16 04:24:06