html - 移动设备上的背景图片显示不正确

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 图像的一 Angular 。我在这个元素和 Safari (iPhone 4s) 中使用 Bootstrap。

它目前在免费主机上，所以请原谅我添加。 (此外，我还没有致力于最大限度地减少图像的加载时间，对此我也深表歉意。)

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

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

Answer 1

不太明白你在问什么。对于我(Samsung Galaxy S3 Mini)来说，图像看起来不错。滚动时会有一些延迟，但这对于使用 CSS 处理大图像的移动浏览器 (Firefox Mobile) 来说是非常自然的。

除非除了定位之外还有其他问题，这是浏览器没有强大 CSS 技能的错误，否则您无能为力，抱歉。