javascript - 桌面上的innerWidth 和outerWidth 奇怪

Question

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

在谷歌上浏览了一下，发现了几篇关于移动设备上的功能的文章，但似乎没有任何东西可以解释上述观察结果。

Answer 1

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

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

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