背景封面JPG不在移動設備上呈現

我已經安裝了兩個頁面，其中一個使用.jpg和一個使用.png，其中一個使用background-size:cover;。這兩個頁面在桌面上的Chrome/Safari/Firefox中均可正常顯示，但由於某些原因，.jpg版本無法在Chrome/Safari中的iPhone/iPad上呈現。背景封面JPG不在移動設備上呈現

我懷疑它可能有一些做我設置爲最低（最小的文件大小）.jpg的壓縮在Photoshop中設置，但我不能找到關於此的任何實際信息。任何意見非常感謝！

編輯：我已經在使用瀏覽器特定的前綴在我的CSS（例如-webkit-，-moz，-o-）

。

來源

2013-12-14 Jesse

可以粘貼您正在使用的實際代碼？ – 2013-12-15 04:02:01

您可以查看我爲實際代碼鏈接的兩個頁面的來源。 – Jesse

background-size是一個新的CSS屬性，因此並不是所有地方都還沒有

雖然在移動設備-webkit-background-size:cover;應該做的伎倆

來源

2013-12-15 04:01:26

這不能解決我的問題。 – Jesse

對於Safari瀏覽器版本< 5.1的CSS3屬性background-size不起作用。在這種情況下，您需要webkit。

所以你需要使用-webkit-background-size屬性來指定背景大小。

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

參考 - Safari versions using webkit

來源

2013-12-15 06:01:47

如果你看看我鏈接的頁面的源代碼，你可以看到我在這兩個頁面上都使用了'-webkit-background-size：cover'。唯一的問題是在移動設備上查看'jpg'版本。 – Jesse

背景封面JPG不在移動設備上呈現

回答

相關問題