为什么没有垂直滚动条时window.innerWidth不等于outerWidth？

Question

我在Microsoft Edge中发现，即使没有垂直滚动条，innerWidth对象的outerWidth和window属性也不相等。

我尝试使用Chrome，也不相同。

正如我测试的那样，outerWidth总是比Windows 10中的innerWidth大16个像素，无论是否有垂直滚动条，都适用于Edge和Chrome。

有人可以解释一下吗？因为我从MDN了解到，当没有垂直滚动条时它应该是相同的。考虑到浏览器窗口边界，至少它不应该大到16像素。

Answer 1

这可能是因为操作系统缩放级别Windows会自动应用。

我没有Windows确认这一点，但我可以通过更改浏览器缩放级别来修复Chrome for osx的问题。 （尽管如此，Firefox仍会报告相同的值。）

因此，如果我们信任this message，您可能希望在Start > Settings > System > Display > "Change the size of text, apps, and other items"中禁用此Windows设置。