溢出的内容会影响window.innerWidth吗?
Can overflowed content affect window.innerWidth?
所以根据 W3C,innerWidth
的 definition 是:
The innerWidth attribute must return the viewport width including the size of a rendered scroll bar (if any), or zero if there is no viewport.
这是否意味着如果文档中的某些内容产生溢出,那么 window.innerWidth
会受到影响?我有这个非常简单的 sandbox (which is only a div causing overflow) and this seems to be true when using the sandbox preview 和 Chrome 设备工具(Chromium 84)和移动设备(我只测试了 Android),但在桌面浏览器中,该值似乎没有受到影响。为什么?这是预期的行为吗?
请注意图片中工具中的宽度与记录的宽度不匹配:
不,溢出的内容不会影响window.innerWidth
。您看到的是 chrome 开发工具的问题。 window 仍然是 1600 像素,即使 chrome 人为调整为移动设备大小。
所以根据 W3C,innerWidth
的 definition 是:
The innerWidth attribute must return the viewport width including the size of a rendered scroll bar (if any), or zero if there is no viewport.
这是否意味着如果文档中的某些内容产生溢出,那么 window.innerWidth
会受到影响?我有这个非常简单的 sandbox (which is only a div causing overflow) and this seems to be true when using the sandbox preview 和 Chrome 设备工具(Chromium 84)和移动设备(我只测试了 Android),但在桌面浏览器中,该值似乎没有受到影响。为什么?这是预期的行为吗?
请注意图片中工具中的宽度与记录的宽度不匹配:
不,溢出的内容不会影响window.innerWidth
。您看到的是 chrome 开发工具的问题。 window 仍然是 1600 像素,即使 chrome 人为调整为移动设备大小。