gpt4 book ai didi

css - 在移动设备上滚动时图像没有响应

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

每当我的图像达到 iPhone 6 或更小的宽度并向左滚动时,就会有边距。

  1. 图像未滚动 - /image/WMkb2.png
  2. 图像向左滚动 - /image/mxcQb.png

我的 CSS:

.background-image {
z-index: -1;
position: absolute;
margin: 0px;
height: 40%;
width: 100%;
background:
linear-gradient(rgba(74,74,74,0.21), rgba(74,74,74,0.21)),
url('./img/nyc_quarter.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}

最佳答案

你想要这样的想法吗?

nav
{
background-color:black;
height:30px;
color:white;
}

#background
{
background-image: url('https://weloveminitel.eu/snow2.jpg');
background-size: cover;
height:200px;
color:white;
display: flex;
justify-content: center;
flex-direction: column;
align-items: stretch;
text-align:center;

}

#bottom
{
height:200px;
border:1px solid black;

}
<body>
<nav>
navbar
</nav>
<div id="background">
some text
</div>
<div id="bottom">
the bottom div
</div>
</body>

关于css - 在移动设备上滚动时图像没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48795076/

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