使用文档模式调整IE11的Iframe高度

时间:2015-12-10 23:02:27

标签: javascript internet-explorer iframe internet-explorer-11 microsoft-edge

我正在使用IE11,Edge Document模式,Windows以不同方式呈现iframe高度。 我以前用过这个。

<iframe name="stack" src="http://stackoverflow.com/" width='100%' height='100%' frameborder="0" id="iframe">...</iframe>

IE将iframe缩小到只有几行高,width属性正常工作,但不是高度。所以我添加了style属性,现在高度也正常。

<iframe name="stack" src="http://stackoverflow.com/" style='height: 100%; width: 100%;' frameborder="0" id="iframe">...</iframe>

但是在调试模式下,当我切换到不同的文档模式时,iframe高度再次拧紧。是否有一个javascript我们可以根据所有文档模式的窗口高度渲染帧高度。?

1 个答案:

答案 0 :(得分:1)

这取决于具体情况。我猜你没有将身高拉伸到100%

html, body { 
    padding: 0;
    margin: 0;
    height: 100%;
}