我希望有一个解决方法,因为它有点莫名其妙。在Firefox中,您可以按Ctrl+Shift+M
,它将进入响应模式,以便您可以测试不同的显示大小。这项工作正常,但这有点奇怪:
window.outerWidth
示例代码:
https://jsfiddle.net/zpasjufs/4/
如果您正确调整浏览器的大小(在“响应式视图”模式之外),它会正确显示正确的尺寸 - 但是如果您在“响应模式”中查看它然后调整大小,尺寸保持BROWSER(而不是视口)的大小。
有解决方法吗?请询问您是否需要更多说明(我希望演示会显示问题)。我不记得在使用jQuery获取$(window)
的宽度时遇到此问题,但我在这个项目中没有使用jQuery。