html - 背景图像在 iOS 上无法正确缩放

Question

问题是背景图像在 iOS 设备上无法正确缩放，它是一个响应式网站，至少在桌面浏览器上它确实可以很好地缩放，即使在非常小的分辨率下也是如此。但是当我在 iPhone/iPad 上测试时，它似乎并没有以这种方式工作。

页面是http://litoplas.net16.net/como.html (这是 session 和 phorums 的内部演示，不会是公共(public)链接，我的客户希望他的代表使用 iPad，这就是解决这个问题非常重要的原因)。

这是我使用背景图片的部分的 CSS 示例:

.corte {
background: url(../images/corte.jpg) no-repeat center center fixed;
background-size: cover;
padding-bottom: 30%;

}

正如我所说，背景图像在桌面浏览器上可以很好地缩放......它们在 iOs 上不会做同样的事情!

在此先感谢大家，我花了很多时间搜索并试图解决这个问题，希望你们能为我提供一些答案! :)

Answer 1

这似乎是你的速记规则:background: url(../images/bannercalidad.jpg) no-repeat fixed;

更具体地说，是 background-attachment: fixed 导致了问题。如果我添加 background-attachment: scroll 的新规则，则图像不再放大到左上角。这可能无法解决您所有的问题，但会让您走上正确的道路。