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

debugcn 发表于 Dev

stackMan10

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

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以外的所有浏览器。

stackMan10

对于有一天可能会遇到此问题的人：

这有多个问题。

如问题中所示设置宽度和高度属性不起作用。
在Internet Explorer中，身高：如果父母的身高不是100％，则会忽略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);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。