跨浏览器问题(iframe 大小调整)

Cross browser issue (iframe sizing)

提问人: 提问时间:9/18/2008 最后编辑:Awais 更新时间:12/13/2019 访问量:758

问:

我在我的一个页面中显示来自外部网站(我拥有)的页面。一切都很好,除非在浏览器窗口大小减小(不是宽屏)的情况下查看,当内容缩小和压缩时。它在宽屏(最大化浏览器窗口)中工作,并且可以最大化和缩小窗口大小。iframeOperaiframeIE7, Firefox, ChromeSafari

我已经在 HTML 中设置了框架尺寸,并将其嵌套在大于 via css 的框架中。iframediviframe

这是 Opera 的一个特殊错误,还是我可以做些什么?

HTML CSS iframe 跨浏览器 调整大小

评论


答:

1赞 rams 9/18/2008 #1

尽管在 IE6 中,我们在 Web 应用程序主页上的大小调整也遇到了类似的问题。解决方案是捕获事件并调用 JavaScript 函数以适当调整 . 是我们想要调整大小的名称。另请注意,我们使用的是 ASP.Net AJAX,它转换为iframewindow.onresizeiframecontentiframe$getdocument.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';
    }
}