Google chrome devtools 在Chrome'中，黑色背景意味着什么；s设备模拟器？

如果我打开并打开Chrome的设备模拟器（或响应视图），我可以拖放右边界以缩小视口。如果我向左拖动它，它会留下一个深灰色的背景，正如您在这个屏幕截图中看到的：

---

我在其他网站上也试过，但并不总是出现。它似乎不代表

或

的大小，但我想知道它到底是什么意思。

这只是显示“嘿，内容存在于画布之外。”换句话说，如果你滚动更多的内容就在那里。

我同意加比的观点，但更重要的是知道它何时发生

---

如果没有宽度=设备宽度的视口元标记，则浏览器将尝试重新缩放页面以适应，但有时可能太大

另一种可能是视口元标记在那里，但WITH不是100%，并且可能比手机的实际宽度宽

---

这可能看起来很相似，但您必须考虑到的情况非常不同。

“然后浏览器将尝试重新缩放页面以适应”您只谈论移动浏览器，对吗？是的，因为这项功能是为了测试平板电脑和手机，并重新缩放页面，不像桌面浏览器通常会做的那样，而是作为移动浏览器。很明显，它会在内容离开画布时发生。滚动计数时，即使是正常的页面内容。与元视口或任何内容无关。此外，对于DMV2，它将消失，因此一旦着陆就不再是问题。