0

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 调整大小以适应页面，必要时进行拉伸。

4

2 回答 2

1

尝试将 CSS 规则应用于 bodyiframe以及

body, .wrapper, iframe {
    height:100%;
    width:100%;
    overflow:none;
}
于 2013-09-16T04:24:00.450 回答
1

如果你给你的包装器 aposition: absolute这应该适用于大多数现代浏览器。

于 2013-09-16T04:24:06.927 回答