在chrome中打开控制台(在SO上),然后复制innerWidth + "|"+outerWidth + "|" + screen.width,对我来说这将返回2133|1920|1920,显然innerWidth大于outerWidth……好像这并不奇怪,我接下来尝试在firefox中运行此代码,它返回1920|1936|1920。显然我的outerWidth大于我的屏幕尺寸。 (通常将所有屏幕最大化)。奇怪的是,在“正常”页面上运行相同的代码(而不是stackoverflow)将在chrome中返回1920|1920|1920,但是firefox仍然坚持我的outerWidth大于屏幕。

在Google上四处浏览,发现了几篇有关移动设备功能的文章,但似乎没有任何解释上述观点的内容。

最佳答案

innerWidth可能大于outerWidth的原因之一是浏览器已缩放。在全屏模式下,浏览器得到以下结果:

zoom  inner  outer
75%   1706   1280
90%   1422   1280
100%  1280   1280
110%  1164   1280

我可以使outerWidth大于screen.width的唯一方法是通过拖动更改窗口宽度。

08-18 04:43