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.
的实际宽度更宽
这可能看起来很相似,但是您必须考虑到非常不同的情况。
如果我打开 flickr.com 并打开 Chrome 的设备模拟器(或响应式视图),我可以拖放右边界以缩小视口。如果我将它向左拖动,它会留下深灰色背景,如您在该屏幕截图中所见:
我在其他网站试过了,总是不显示。它似乎不代表<html>
或<body>
的大小,但我想知道它是什么意思。
这只是显示 "Hey, content exists off-canvas." 换句话说,如果您滚动更多内容。
我同意 Garbee 的观点,但更重要的是知道它何时发生。
如果没有 width=device-width 的视口元标记,则浏览器将尝试重新缩放页面以适合,但有时可能太大。
另一种可能是视口元标记存在,但不是 100%,可能比 phone.
的实际宽度更宽这可能看起来很相似,但是您必须考虑到非常不同的情况。