桌面上的innerWidth和outerWidth奇怪

问题描述

（在SO上）打开控制台，并拷贝到 大于 outerWidth 就是您的浏览器放大。在全屏模式下，浏览器得到了以下结果：

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

我可以通过拖动来改变窗口的宽度，使得 outerWidth 大于 screen.width 。

Open the console in chrome (whilst on SO) and copy in innerWidth + "|"+outerWidth + "|" + screen.width, for me this will return 2133|1920|1920, apparantly the innerWidth is greater than the outerWidth... As if this isn't strange enough I next tried running this code in firefox and it returns 1920|1936|1920. Apparantly my outerWidth is greater than my screen size. (All screens were normally maximized). Strangely enough running the same code on a 'normal' page (not stackoverflow) will return 1920|1920|1920 in chrome, firefox however still insists my outerWidth is greater than my screen.

Have looked around on google, found a couple of articles regarding the functionality on mobile devices, but nothing seems to explain any of the above observation.

解决方案

One reason innerWidth could be larger than outerWidth is if your browser is zoomed. I got the following results with the browser in fullscreen mode:

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

The only way I could get outerWidth to be larger than screen.width is by changing the window width by dragging.

这篇关于桌面上的innerWidth和outerWidth奇怪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！