Question

根据用户的显示器屏幕分辨率，有一个脚本可以更改页面模板。但是，它在IE中不起作用。建议如何解决它。

<body>
<table id="mt" align="center" >
<tr>
<td colspan=3 id=top>{{head}}</td></tr><tr><td id=t1>&nbsp;</td><td id=t3>&nbsp;</td><td id=t2>&nbsp;</td></tr><tr>
<td id=1eft valign=top>{{left}}</td>
<td id=content><h1>[*pagetitle*]</h1>[*content*]</td>
<td id=right>{{right}}</td></tr>
<tr><td id=ft colspan=3>{{foot}}</td></tr>
</table><script>if (window.outerWidth>1440) {a='1440px';} else {a='auto';}document.getElementById("mt").style.width = a;</script></body>

Answer 1

IE支持

outerWidth，但是从IE9开始支持。

Replacement

Answer 2

并非所有浏览器都具有window.outerWidth和window.outerHeight属性。 Geek Daily在cross-browser window size detection上发表了一篇好文章。我建议去那里看看。例如，这是我在桌面上以1280x1024分辨率在每个浏览器中获得的内容。

<强>铬

window.outerWidth
1288
document.body.offsetWidth
1264
document.documentElement.offsetWidth
1280

<强>火狐

window.outerWidth
1288
document.body.offsetWidth
1238
document.documentElement.offsetWidth
1264

IE7 Doctype已定义

window.outerWidth
undefined
document.body.offsetWidth
1260
document.documentElement.offsetWidth
1260

IE7 没有Doctype / Quirks模式

window.outerWidth
undefined
document.body.offsetWidth
1260
document.documentElement.offsetWidth
1280

Answer 3

我看到其他一些问题

您的所有属性值都应该在引号中。例如。 id="value"
你左边拼写1（数字1）eft

该脚本在IE中不起作用。我该如何解决？

3 个答案: