@2个视网膜图像在iOS7上不起作用



我已经通过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;
    } 
}

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

最新更新