Почему window.innerWidth не равен externalWidth, когда нет вертикальной полосы прокрутки?

Question

Я обнаружил в Microsoft Edge, даже если вертикальная полоса прокрутки отсутствует, свойства innerWidth и outerWidth объекта window не равны.

Я пробовал с Chrome, также не равны.

Как я тестировал, outerWidth всегда на 16 пикселей больше, чем innerWidth в Windows 10, как для Edge, так и для Chrome, независимо от того, есть ли вертикальная полоса прокрутки или нет.

Может кто-нибудь объяснитьэтот?Потому что, как я понимаю из MDN, оно должно быть таким же, когда нет вертикальной полосы прокрутки.По крайней мере, он не должен быть больше 16 пикселей с учетом границы окна браузера.

Answer 1

Это, вероятно, из-за уровня масштабирования ОС Windows применяется автоматически.

У меня нет Windows, чтобы подтвердить это, но я мог бы повторить проблему в Chrome для OSX, изменив уровень масштабирования браузера. (Firefox продолжает сообщать об одних и тех же значениях).

Так что вы можете отключить этот параметр Windows в Start > Settings > System > Display > "Change the size of text, apps, and other items", если мы доверяем этому сообщению .