javascript - iframe填充窗口大小

Question

如何让iframe自动占满整个空间。

http://speedywap.com/ihome/?url=http://dell.com/例如，iframe 在 mozilla firefox 和 ie6 中只打开一半的窗口

我怎样才能确保占用屏幕的最大尺寸。有没有 css 或 js 可以做到这一点？

Answer 1

这应该可以解决问题。

选项 1:

由于您正在尝试使用 z-index，您只需将 position:absolute 添加到 .sourceView 即可。

body {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden; /* add this to stop any double scrollbars */
}

.sourceView {
    height: 93%;
    width: 100%;
    z-index: 10;
    position: absolute; /* add this */
}

选项 2:

html,body{
    height:100%;
}
body {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden; /* add this to stop any double scrollbars */
}

选项 3:

我这里有一个 javascript/jQuery 解决方案:
Static container height combined with a dynamically sized container, possible?

http://jsfiddle.net/tw16/X5rWb/