Ios 移动背景图像放大

我在这方面发现了几个问题，它们要么没有解决方案，要么它们的解决方案对我不起作用。我设置了媒体查询，最小的是最大宽度（700px），当我将浏览器设置为iPhone的宽度，在桌面上预览网站时，它可以很好地预览。然而，当我在实际的iPhone上预览时，它只显示了照片的一小部分。（在Safari和Chrome中）我不确定Android设备，因为我没有一台可以测试

编辑：完整站点位于

以下是CSS：

@介质（最大宽度：700px）{
.介绍{
背景图片：url（“images/backgrounds/fleet-top-770.jpg”）；
背景尺寸：封面；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景位置：中上；
背景重复：无重复；
背景附件：固定；
高度：75vh；
}

您使用了错误的样式。在桌面样式上，您正在使用：

background: url(images/backgrounds/fleet-top-2400.jpg) no-repeat center center fixed;

background-image: url("images/backgrounds/fleet-top-770.jpg"); 

在您正在使用的响应式屏幕上：

background: url(images/backgrounds/fleet-top-2400.jpg) no-repeat center center fixed;

background-image: url("images/backgrounds/fleet-top-770.jpg"); 

这样，您将看到响应图像上方的桌面图像。仅使用一个背景属性即可解决此问题。因此，我个人坚持：

background-image: url(images/backgrounds/fleet-top-2400.jpg) no-repeat center center fixed; 

---

你也可以提供html（或现有网站的链接）吗？你还可以使用诸如ChromeDevTools之类的浏览器工具（如果你还没有尝试过的话）对Android（以及更多）进行测试我不认为上一个样式中的-image需要在那里，但不管怎样，我将媒体查询更改为“完整背景快捷方式”属性，现在我的手机上没有显示图像。我对文件名和所有匹配项进行了三次检查，所以我不知道是比以前好还是更糟。现在在这里工作得很好？不是苏这就是你的问题所在。当我取出fixed的后台附件属性时，它就开始工作了。我更希望它能工作，但显然这是不可能的。