移动设备上的背景图像无法正确显示

Question

我正在分段制作布局。图像/文本/图像/文本......图像具有此CSS：

#change {
background-image: url("../images/main.png");
background-attachment: fixed;
background-repeat: repeat;
background-size: cover;
}

HTML

<section id="change"
data-type="background"
data-speed="5"
data-selection="0" 
style="height: 630px;
background-position: 50% 16px">

在PC上，图像显示效果很好。但是在移动设备上，图像不对应于CSS，而是以全分辨率显示。因此，我只看到5000x3500px图像的一角。我在这个项目和Safari（iPhone 4s）中使用Bootstrap。

它目前在免费主机上，请原谅我添加。 （另外，我还没有最大限度地减少图像的加载时间，对此也很抱歉。）

网站： http://viso.lv/imigracija/

更新：似乎只有iPhone才有显示图像的问题。因为有几个人和其他手机的图像恰到好处。我该怎么办？我试过3种不同的浏览器。什么都没有改变。

Answer 1

我不太明白你在问什么。对我来说（三星Galaxy S3 Mini）图像看起来很好。滚动时会有一些延迟，但对于使用CSS处理大型图像的移动浏览器（Firefox Mobile）来说，这是完全自然的。

除非有定位之外的其他问题，这是没有强大CSS技能的浏览器的错误，那么你可以做的并不多，抱歉。