当我的浏览器窗口处于全屏模式时,窗口的内部宽度似乎仍然小于我的屏幕宽度。我很困惑,因为(基于这个线索(我认为,如果我的内窗占据了我的整个屏幕,那么它的尺寸就会和我的屏幕一样。
相反,当我在全屏模式下运行window.innerWidth和screen.width时,我会收到以下值:
屏幕宽度:1280像素
内部窗口宽度:625像素
我的浏览器已缩放到100%。
当我将浏览器置于全屏模式时,为什么内部窗口宽度与屏幕宽度不匹配?
由于window.innerWidth
和window.innerHeight
返回的是视口窗口的尺寸,而不是显示监视器的尺寸,因此放大网页将减小window.innerWidth
和window.innerHeight
的值。
放大操作既可以在操作系统中进行,也可以在浏览器中进行。如果视口窗口覆盖了整个屏幕,并且window.innerWidth
和screen.width
不匹配,则很可能是放大的操作系统。
要解决此问题,只需将操作系统的缩放设置为100%即可。这可以在Windows中通过显示设置并将比例设置为100%来完成。