IE9+,Firefox,Safari,Opera和Chrome都为跨浏览器窗口大小提供了4个属性:
innerWidth,innerHeight,outerWidth和outerHeight
但有区别如下:
①在E9+,Firefox,Safari浏览器中outerWidth和outerHeight返回浏览器窗口本身的尺寸,在Opera浏览器中返回页面视图容器的大小(指的是单个标签页对应的浏览器窗口,需要减去边框的宽度);
②在Chrome浏览器中,innerWidth,innerHeight,outerWidth和outerHeight返回相同的值,即视口(viewport)大小,而非浏览器窗口大小。