@2x 视网膜图像不适用于 iOS7

Question

我已经通过 html img srcset 标签和使用 css 背景属性向网站添加了一些图像。

由于某种原因，图像没有显示在 iOS7 设备上，我不明白为什么。我尝试过同时使用 iOS8、iOS7.0 和 iOS7.1 - iOS8 适用于所有设备，而 iOS7.0/1 根本不起作用。

• 在 Macbook Retina 上显示正确

这在使用 img srcset 标签时“没问题”，因为它将默认为 1x 图像，但是对于 css 背景标签，它不会显示任何内容。

我四处寻找，但我发现的其他“解决方案”都没有奏效。

body { 
    background: black url('../background/image.jpg') no-repeat center top;
    background-size: 1379px 1000px;
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi){
    body { 
        background-image: url('../background/image@2x.jpg')!important;
    } 
}

Answer 1

srcset 在 iOS 7 中不受支持 http://caniuse.com/#search=srcset