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不使用视网膜背景图像

回答

相关问题