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

Question

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

先谢谢你们,我花了很多时间搜索并试图解决这个问题,希望你们能给我一些答案!:)

Answer 1

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

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