<div class="home-banner"></div>
我仅在iPhone设备中的背景位置有问题。但是它在其他设备和浏览器以及响应式模拟器上运行良好。但它不能在真正的iPhone设备中使用。
这是我使用的CSS：-
@media（最小宽度：315像素）和（最大宽度：600像素）{ .home-banner { 背景图片：url（http://www.asdaniadventures.com/cmsasdani/image/data/banner/Banner.jpg）; 高度：100vh； 背景大小：封面； 背景位置：65％0； 背景重复：不重复； } }
答案 0 :(得分：0)
该问题是由于iOS设备上的Safari中缺少对background-attachment的支持所致。将background-attachment: fixed更改为background-attachment: scroll，背景位置问题应得到解决。
有关支持矩阵，请参阅caniuse。您可能想看看在iPhone上创建视差效果或禁用视差效果的替代解决方案
