HTML 在 Internet Explorer 8 中调整对象大小

Question

我在弹出窗口中显示了一个闪光灯 window。当我调整 window 大小时；闪光灯的宽度增加，而高度保持不变。

var objectNode = document.createElement("object");
objectNode.appendChild(param); 
objectNode.id = viewerId;
objectNode.width = "100%";
objectNode.height = "100%";
objectNode.classid = "clsid:" + SOME_ID;
containerObject.appendChild(objectNode);

containerObject 是一个 HTMLDivElement。此课程适用于除 Internet Explorer 8 以外的所有浏览器。

Answer 1

对于那些有一天可能会遇到这个问题的人：

其中存在多个问题。

问题中显示的设置宽度和高度属性不起作用。
在 Internet Explorer 中，如果 parents% 的高度不是 100%，height:100% 将被忽略

在这种情况下将 containerObject、body 和 html 的高度更改为 100% 解决了这个问题。

var htm = document.getElementsByTagName("html")[0].style.height="100%";
var bod = document.getElementsByTagName("body")[0].style.height="100%";
var objectN = document.createElement("object");
containerObject.setAttribute("style", "height:100%");
objectN.appendChild(param);
objectN.setAttribute("id", "viewer");
objectN.setAttribute("style", "width:100%;height:100%;");
objectN.setAttribute("classid", "clsid:" + PLUGIN_CLSID)
containerObject.appendChild(objectN);

HTML 在 Internet Explorer 8 中调整对象大小

HTML Object resize in internet explorer 8

javascript

internet-explorer-8

html-object