我正在分段制作布局。图像/文本/图像/文本......图像具有此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种不同的浏览器。什么都没有改变。
答案 0 :(得分:0)
我不太明白你在问什么。对我来说(三星Galaxy S3 Mini)图像看起来很好。滚动时会有一些延迟,但对于使用CSS处理大型图像的移动浏览器(Firefox Mobile)来说,这是完全自然的。
除非有定位之外的其他问题,这是没有强大CSS技能的浏览器的错误,那么你可以做的并不多,抱歉。