iframe填写窗口大小

时间:2011-08-16 01:43:27

标签: javascript css iframe size

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

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

如何确保占用屏幕的最大尺寸。有没有css或js这样做?

1 个答案:

答案 0 :(得分:2)

这应该可以解决问题。

选项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/