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

Question

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

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

• 在 Macbook 视网膜上正确显示

这在使用 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

iOS 7 不支持

srcset http://caniuse.com/#search=srcset