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

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 技能的浏览器的错，否则你无能为力，抱歉。