为什么在mobile 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>
图片:
最佳答案
这只是Chrome设备视图。您已向下滚动视图。屏幕高度设为1024倍,所以机身不会再低了。无需担心,因为一旦在实际设备上打开,就无法向下滚动。只是Chrome浏览器,你的网站没有问题。
编辑:
我注意到你用固定的位置解决了这个问题。你不应该那样做。它在正常使用中不会有用,并且可能会在以后的开发中导致问题。
关于javascript - Chrome设备模式下机身下方的空白,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34556012/