Android 为什么Chrome开发者工具在模拟移动设备时会设置如此大的视口大小？
我有一份测试文件如下：Android 为什么Chrome开发者工具在模拟移动设备时会设置如此大的视口大小？,android,html,css,Android,Html,Css,我有一份测试文件如下： <html> <head></head> <body></body> </html> 所以它只是一个空文档。在正常的浏览器模式下，我会得到一个不错的空白页面，没有滚动条 但当我打开devtools并打开移动仿真（例如，Sony Xperia Z，Z1）时，我会看到滚动条（水平和垂直），html元素大小为980x1742。这是从哪里来的？它是否应该至少为零高度？要使页面与屏幕的大小一致（无
<html>
<head></head>
<body></body>
</html>
但当我打开devtools并打开移动仿真（例如，Sony Xperia Z，Z1）时，我会看到滚动条（水平和垂直），html元素大小为980x1742。这是从哪里来的？它是否应该至少为零高度？要使页面与屏幕的大小一致（无缩放或其他方式），请将其放在页眉中：
<meta name="viewport" content="width=device-width, initial-scale=1">
Mozilla的开发者网站上有更多关于它的信息，以及您可能会发现有用的其他参数。当您在不模拟设备的情况下查看devtools时，html元素的宽度或高度不是零，它完全取决于您的浏览器宽度和高度。@skrawler-准确地说，它的宽度等于浏览器宽度，高度为8px（因为主体有8px的边距）。但在模拟设备时，html的宽度和高度似乎不知从何而来，这会破坏页面。我按照您的建议做了，但在移动模拟中，它的大小仍然是980x1742。在我将vom Bootstrap 3.x更改为4.x之后，我现在也遇到了同样的问题（并且我在标题中已经有了viewport标记）。如果我选择了一个设备，则宽度（右侧）中有空白，我必须双击GC中的移动视图以展开视图。在旧版本（使用BS3.x）中，它仍能按预期工作。所以我想。我的问题与BS4有关。有人给我小费吗？。。。谢谢