Chrome 的设备模拟器中的深色背景是什么意思?

What does the dark background mean in Chrome's device emulator?

如果我打开 flickr.com 并打开 Chrome 的设备模拟器(或响应式视图),我可以拖放右边界以缩小视口。如果我将它向左拖动,它会留下深灰色背景,如您在该屏幕截图中所见:

我在其他网站试过了,总是不显示。它似乎不代表<html><body>的大小,但我想知道它是什么意思。

这只是显示 "Hey, content exists off-canvas." 换句话说,如果您滚动更多内容。

我同意 Garbee 的观点,但更重要的是知道它何时发生。

如果没有 width=device-width 的视口元标记,则浏览器将尝试重新缩放页面以适合,但有时可能太大。

另一种可能是视口元标记存在,但不是 100%,可能比 phone.

的实际宽度更宽

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