Chrome iOS不使用視網膜背景圖像

我在iPhone 5上...我開始更新我的網站，使用視網膜圖像。一切都在Safari中完美運行。出於某種原因，我的body的背景圖像沒有使用它，而且它的超級模糊。有任何想法嗎？這是一個錯誤？這就是我對視網膜顯示媒體查詢：Chrome iOS不使用視網膜背景圖像

body { 
    background: 
     url(../images/logo.png) no-repeat, 
     url(style/images/dark/bg5.jpg) 50% 0 no-repeat, 
     url(style/images/dark/bg5_repeater.png) repeat bottom; 
    background-attachment: fixed; 
    background-color:#09273e; 
    color:#e4e4e4; 
    background-position: 15px 10px, top, bottom; 
} 

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and ( min--moz-device-pixel-ratio: 2), 
only screen and ( -o-min-device-pixel-ratio: 2/1), 
only screen and (  min-device-pixel-ratio: 2), 
only screen and (    min-resolution: 192dpi), 
only screen and (    min-resolution: 2dppx) { 

    body, #header { 
     background: url(../images/dark/[email protected]) repeat; 
     background-size: 70px 70px; 
    } 

}

這裏是鏈接到文件和代碼行，在我的到位桶：http://bit.ly/Sxevfg

這裏是Safari和Chrome之間的一些截圖太iOS 7.1.1。

非常感謝

Chrome background-image

Safari background-image

來源

2014-05-24 jaminroe

剛剛注意到，在移動設備上查看此頁面，stackoverflow時，屏幕截圖爲像素化LOL – jaminroe

可能是因爲圖像沒有保存爲逐行掃描圖像。當保存爲漸進式時，它可以解決問題。

來源

2015-04-14 05:24:12 Marcus

鉻renders pages with Safari's engine（唯一的瀏覽器引擎蘋果允許在iOS上），因此必須在應用程序內的Safari（UIWebView）和實際之間的差異蘋果瀏覽器。

但我的答案是，你不應該實施視網膜稅。雙倍分辨率的圖像是否真的讓用戶的移動數據使用量增加一倍，或者使頁面的加載時間翻倍？

（如果在Network Information API工作仍在繼續，也許我們會得到帶寬媒體查詢...）

來源

2014-05-25 07:04:08 Webveloper

非常有趣。我的回答是，這是值得的。我作爲設計師，我注意到這樣的廢話。我討厭模糊的圖像。那麼猜猜它很好。無論如何，大多數人可能會使用Safari。謝謝 – jaminroe

僅供參考，它是帶寬的4倍。 10 X 10 = 100. 20 X 20 = 400. – Carl

這不是帶寬的4倍 - 它有所不同。這僅適用於圖像未壓縮的情況。 –

Chrome iOS不使用視網膜背景圖像

回答

相關問題