ios - Chrome iOS 不使用视网膜背景图像

Question

我使用的是 iPhone 5...我开始更新我的网站，以使用视网膜图像。在 Safari 中一切都完美运行。出于某种原因，我的 body 背景图像没有使用它，而且它非常模糊。有任何想法吗？这是一个错误吗？这是我对视网膜显示器的媒体查询所拥有的:

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/bg5_repeater@2x.png) repeat;
        background-size: 70px 70px;
    }

}

这是文件和代码行的链接，在我的 bitbucket 上:http://bit.ly/Sxevfg

以下是 iOS 7.1.1 上 Safari 和 Chrome 之间的一些屏幕截图。

非常感谢

Answer 1

可能是图像未保存为渐进式图像。当保存为渐进式时，它解决了这个问题。