为什么window.innerWidth比screen.width小?即使在全屏情况下也是如此



当我的浏览器窗口处于全屏模式时,窗口的内部宽度似乎仍然小于我的屏幕宽度。我很困惑,因为(基于这个线索(我认为,如果我的内窗占据了我的整个屏幕,那么它的尺寸就会和我的屏幕一样。

相反,当我在全屏模式下运行window.innerWidth和screen.width时,我会收到以下值:

屏幕宽度:1280像素

内部窗口宽度:625像素

我的浏览器已缩放到100%。

当我将浏览器置于全屏模式时,为什么内部窗口宽度与屏幕宽度不匹配?

由于window.innerWidthwindow.innerHeight返回的是视口窗口的尺寸,而不是显示监视器的尺寸,因此放大网页将减小window.innerWidthwindow.innerHeight的值。

放大操作既可以在操作系统中进行,也可以在浏览器中进行。如果视口窗口覆盖了整个屏幕,并且window.innerWidthscreen.width不匹配,则很可能是放大的操作系统。

要解决此问题,只需将操作系统的缩放设置为100%即可。这可以在Windows中通过显示设置并将比例设置为100%来完成。

相关内容

  • 没有找到相关文章

最新更新