iframe大小调整 - 跨浏览器问题

时间:2008-09-18 11:19:54

标签: html css iframe cross-browser resize

我在其中一个页面的iframe中显示来自外部网站(我拥有)的网页。一切都很好,除非在Opera中查看浏览器窗口大小减小(不是宽屏),当iframe收缩并压缩内容时。它适用于宽屏(最大化浏览器窗口),在IE7,Firefox,Chrome和Safari中可以最大化和缩小窗口大小。 我在HTML中设置了框架尺寸,并将iframe嵌套在div中,该iframe通过css大于{{1}}。

这对Opera来说是一个奇怪的错误还是我能做些什么?

1 个答案:

答案 0 :(得分:1)

我们在网络应用主页上调整了iframe的类似问题,尽管在IE6中。解决方案是捕获window.onresize事件并调用JavaScript函数以适当调整iframe的大小。 content是我们想要的iframe的名称。另请注意,我们使用的是ASP.Net AJAX的$get,转换为document.getElementById()

window.onresize=resizeContentFrame;
resizeContentFrame();

function resizeContentFrame() {
    setFrameHeight($get('content'));
}

function setFrameHeight(f) {
    if(isDefined(f)) {
        var h=document.documentElement.scrollHeight;
        h-=(HEADER_HEIGHT+CONTENT_PADDING+5);
        f.style.height=h+'px';
    }
}