javascript - 溢出的内容会影响 window.innerWidth 吗？

Question

所以根据W3C的定义是：innerWidth

innerWidth 属性必须返回视口宽度，包括渲染滚动条的大小（如果有），如果没有视口，则返回零。

这是否意味着如果文档中的某些内容产生溢出，那么window.innerWidth可能会受到影响？我有这个非常简单的沙箱（它只是一个导致溢出的 div），当使用Chrome 设备工具（Chromium 84）和移动设备（我只测试 Android）使用沙箱预览时，这似乎是正确的，但在桌面浏览器中，价值似乎没有受到影响。为什么？这是预期的行为吗？

请注意图像中工具中的宽度与记录的宽度不匹配：

标签： javascripthtmldomviewport

Answer 1

不，溢出的内容不会影响window.innerWidth. 您看到的是 chrome 开发工具的问题。即使 chrome 人为地将大小调整为移动设备大小，窗口仍为 1600 像素。