Chrome设备模式下正文下的空白区域

时间：2016-01-01 12:12:12

标签： javascript html css

为什么移动视图上的body标记下方有空格（仅限Chrome，ff，即工作正常）

代码很简单：

<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head></head>
<style>
    body{
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    width: 500%;
    background: pink}
</style>
<body>

</body>
</html>

图像：

enter image description here

1 个答案:

答案 0 :(得分：0)

它只是Chrome设备视图。您已向下滚动视图。屏幕高度设置为1024px，因此身体不会降低。您无需担心，因为您在实际设备上打开它后无法向下滚动。 它只是Chrome浏览器，您的网站没有任何问题。

修改 我注意到你通过固定位置解决了它。你不应该这样做。它在正常使用中不会有用，并可能在以后的开发中导致问题。

相关问题
最新问题