html - 跨浏览器问题（iframe 大小）

Question

我在我的一个页面中显示来自外部站点（我拥有的）的iframe页面。一切都很好，除非在Opera缩小浏览器窗口大小（不是宽屏）的情况下查看，当iframe缩小和挤压内容时。它适用于宽屏（最大化浏览器窗口），并且可以IE7, Firefox, Chrome在Safari最大化和缩小窗口大小中使用。

我已经在 HTML 中设置了框架尺寸，并嵌套了比通过 css更大iframe的 a 。diviframe

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

Answer 1

iframe尽管在 IE6 中，我们的 Web 应用程序主页上的大小也有类似的问题。解决方案是捕获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';
    }
}