@ 2x视网膜图像无法在iOS7上运行

时间:2014-10-09 16:04:04

标签: html ios css image retina-display

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

1 个答案:

答案 0 :(得分:0)

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

不支持

srcset