gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 03:01:24 24 4
gpt4 key购买 nike

为什么移动 View 上的 body 标签下有一个空格(仅限 chrome,ff 和 ie 工作正常)

代码很简单:

<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

最佳答案

这只是 Chrome 设备 View 。您已向下 ScrollView 。屏幕高度设置为 1024px,所以 body 不会再低了。无需担心,因为一旦在实际设备上打开它,您将无法向下滚动。 这只是 Chrome 查看器,您的网站没有任何问题。

编辑:我注意到你已经通过使用固定位置解决了它。你不应该那样做。正常使用时用处不大,后期开发可能会出问题。

关于javascript - Chrome 设备模式下正文下方的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34556012/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com