问题是背景图像在iOS设备上没有正确缩放，它是一个响应式网站，至少在桌面浏览器上它甚至在非常小的分辨率下也可以扩展。但是当我在iPhone / iPad上测试它似乎不太以这种方式工作。
页面是http://litoplas.net16.net/como.html（这是会议和电子书的内部演示，它不是公共链接，我的客户希望他的代表使用iPad，这是解决这个问题非常重要的原因）
以下是我正在使用背景图片的部分的CSS示例：
.corte {
background: url(../images/corte.jpg) no-repeat center center fixed;
background-size: cover;
padding-bottom: 30%;
}
正如我所说，背景图片在桌面浏览器上的缩放效果很好......他们不会在iOs上做同样的事情！
先谢谢你们，我花了很多时间搜索并试图解决这个问题，希望你能给我一些答案！ ：）
答案 0 :(得分：9)
这似乎是您的速记规则：background: url(../images/bannercalidad.jpg) no-repeat fixed;
更具体地说，导致问题的是background-attachment: fixed。如果我添加新的background-attachment: scroll规则，则图像不再缩放到左上角。这可能无法解决您的所有问题，但它会让您走上正确的道路。
答案 1 :(得分：2)
您需要为每个<section>应用以下规则，如下所示：
background-size: 100% auto;
这解决了我使用iOS 7模拟器的问题。
答案 2 :(得分：0)
background-attachment: scroll;为我工作。你应该接受@ Fernker的回答。