5

问题是背景图像在 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 上做同样的事情！

在此先感谢各位，我花了很多时间搜索并试图弄清楚这一点，希望您能给我一些答案！:)

4

3 回答 3

12

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

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

于 2013-11-05T20:52:34.547 回答
2

You need to have the following rule applied for each <section> like so:

background-size: 100% auto;

This fixed the problem for me using an iOS 7 simulator.

于 2013-11-05T20:54:41.630 回答
0

background-attachment: scroll;为我工作。您应该接受@Fernker 的回答。

于 2014-10-07T11:28:54.873 回答