Html 跨浏览器问题(iframe大小调整)
我正在我的一个页面的Html 跨浏览器问题(iframe大小调整),html,css,iframe,cross-browser,resize,Html,Css,Iframe,Cross Browser,Resize,我正在我的一个页面的iframe中显示来自外部站点(我拥有的)的页面。除了在Opera中查看时缩小浏览器窗口大小(非宽屏),以及iframe缩小并挤压内容外,一切正常。它在宽屏(最大化浏览器窗口)下工作,在IE7、Firefox、Chrome和Safari中可以最大化和缩小窗口大小 我在HTML中设置了框架维度,并通过css将iframe嵌套在div中,该div大于iframe 这是Opera特有的bug还是我能做些什么?我们的web应用程序主页上的iframe大小调整也有类似的问题,尽管是在I
iframe
中显示来自外部站点(我拥有的)的页面。除了在Opera
中查看时缩小浏览器窗口大小(非宽屏),以及iframe
缩小并挤压内容外,一切正常。它在宽屏(最大化浏览器窗口)下工作,在IE7、Firefox、Chrome
和Safari
中可以最大化和缩小窗口大小
我在HTML中设置了框架维度,并通过css将iframe
嵌套在div
中,该div大于iframe
这是Opera特有的bug还是我能做些什么?我们的web应用程序主页上的
iframe
大小调整也有类似的问题,尽管是在IE6中。解决方案是捕获窗口.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';
}
}