Image 在移动设备上放大背景图像

我正在制作我的公文包，我已经设置好了，这样我就有了一些背景图片。在我测试过的所有电脑上，它看起来都很棒，但在我看到iPhone和iPad等移动设备上的像素之前，图片会被放大（我还没能测试其他设备，但我在chrome和safari上都做了测试）。当我在chrome上进行移动查看时，它看起来也不错

我发现这似乎是最接近我的问题，但解决方案对我没有帮助。我可以将

背景大小

更改为

包含

，正如顶级响应者所说，但我在侧面得到了那些白色条，这不是我想要的

我无法在我的移动设备上执行任何类似于检查元素的操作，那么我如何找出问题所在

这是我的网站：

下面是我用于横幅图像的CSS：

#banner-about {
    background-image: url(../img/desktop.jpg);
}

#banner-contact {
    background-image: url(../img/sunset.jpg);
}

#banner-about, #banner-contact {
    height: 60vh;
}

#banner-about, #banner-contact, #image-home {
    transition: height 0.8s;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

#image-home {
    height: 100vh;
    background-image: url(../img/julian-rooftop.jpg);
}

---

谢谢

无法重现您的问题。顺便说一句，网站看起来很棒@卡佩辛，这很奇怪。但也许这只是意味着这不需要担心。。。？不过，谢谢你的检查！