背景封面JPG无法在移动设备上呈现

时间:2013-12-14 22:44:37

标签: jpeg css

我使用background-size:cover;设置了两个页面,其中一个使用.jpg,另一个使用.png。两个页面在桌面上的Chrome / Safari / Firefox中呈现正常,但出于某种原因,{/ 1}}版本无法在Chrome / Safari中的iPhone / iPad上呈现。

我怀疑它可能与我在Photoshop中设置为最低(最小文件大小)设置的.jpg的压缩有关,但我找不到任何实际信息。任何建议都非常感谢!

修改

我已在我的css中使用浏览器特定的前缀(例如.jpg-webkit--moz)。

2 个答案:

答案 0 :(得分:0)

background-size是一个新的CSS属性,因此无处可用

虽然在移动设备-webkit-background-size:cover;应该做的伎俩

答案 1 :(得分:0)

对于Safari版本< 5.1 ,css3属性background-size不起作用。在这种情况下,您需要webkit

因此,您需要使用-webkit-background-size属性来指定背景大小

因此使用-webkit-background-size:cover

参考 - 的 Safari versions using webkit