google-chrome-devtools - Chrome的设备模拟器中暗背景意味着什么？

时间：2015-07-01 13:26:01

标签： google-chrome-devtools

如果我打开flickr.com并打开Chrome的设备模拟器（或响应式视图），我可以拖放右边界以缩小视口。如果我将它拖到左侧，它会留下深灰色背景，如您在此屏幕截图中所示：

Screenshot of Flickr in Chrome's device emulator

我在其他网站上尝试过，并不总是出现。它似乎不代表<html>或<body>的大小，但我想知道做什么的意思。

答案 0 :(得分：2)

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

答案 1 :(得分：0)

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

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

另一种可能性是视口元标记在那里，但是不是100％，可能比手机的实际宽度宽。

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