跨浏览器问题（iframe 大小调整）

发布于 2024-07-05 17:40:22 字数 376 浏览 4 评论 0原文

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

我已经在 HTML 中设置了框架尺寸，并通过 css 将 iframe 嵌套在 div 中，该 div 大于 iframe 。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧人哭 2024-07-12 17:40:22

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

We had a similar issue with iframe sizing on our web app main page, although in IE6. The solution was to trap the window.onresize event and call a JavaScript function to appropriately size the iframe. content is the name of the iframe we want sized. Also note that we are using ASP.Net AJAX's $get which translates to 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';
    }
}

回复收藏 0 原文

~没有更多了~