本文介绍了JavaScript在不同浏览器中获取窗口大小的方法，包括innerWidth、innerHeight、outerWidth和outerHeight属性的差异，以及在IE、Firefox、Safari、Opera和Chrome中的使用细节。同时，针对移动设备的可见视口和布局视口进行了说明，强调了在移动设备上适配的重要性，并提到了resizeTo()和resizeBy()方法用于调整窗口大小，但可能受限于浏览器的限制。
跨浏览器确定一个窗口的大小不是一件简单的事。
innerWidth、innerHeight、outerWidth和outerHeight属性
IE9+、Firefox、Safari、Opera和Chrome均为此提供了4个属性：innerWidth、innerHeight、outerWidth和outerHeight。
在IE9+、Firefox、Safari中，outerWidth和outerHeight返回浏览器窗口本身的尺寸。
在Opera中，这两个属性的值表示页面视图容器的大小。这里的页面视图容器，指的是Opera中单个标签页对应的浏览器窗口。
在IE9+、Firefox、Safari、Opera中，innerWidth、innerHeight则表示页面视图区的大小。
在Chrome中，innerWidth、innerHeight和outerWidth、outerHeight返回相同的值，即视口(viewport)大小而非浏览器窗口大小。
DOM提供的页面可见区域
IE8及更早版本没有提供取得当期浏览器窗口尺寸的属性。不过，它通过DOM提供了页面可见区域的相关信息。
在IE、Firefox、Safari、Opera和Chrome中，document.documentElement.clientWidth和document.documentElement.clientHeight中保存
最低0.47元/天 解锁文章
808
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
