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

Question

我正在显示来自外部站点（我拥有的）的页面 iframe 在我的其中一页中。一切都很好，除非在 Opera 中查看时浏览器窗口尺寸缩小了（不是宽屏），当 iframe 缩小并挤压内容。它适用于宽屏（最大化浏览器窗口），并且在 IE7、Firefox、Chrome 和 Safari 中可以最大化和缩小窗口尺寸。我已经在 HTML 中设置了框架尺寸并嵌套了 iframe 在一个 div 它大于 iframe 通过CSS。

这是 Opera 特有的错误还是我可以对此做些什么？

Answer 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';
    }
}