我使用background-size:cover;
设置了两个页面,其中一个使用.jpg
,另一个使用.png
。两个页面在桌面上的Chrome / Safari / Firefox中呈现正常,但出于某种原因,{/ 1}}版本无法在Chrome / Safari中的iPhone / iPad上呈现。
我怀疑它可能与我在Photoshop中设置为最低(最小文件大小)设置的.jpg
的压缩有关,但我找不到任何实际信息。任何建议都非常感谢!
修改:
我已在我的css中使用浏览器特定的前缀(例如.jpg
,-webkit-
,-moz
)。
答案 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 强>