javascript - 桌面上的innerWidth和externalWidth奇数

在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的唯一方法是通过拖动更改窗口宽度。