@ 2x视网膜图像无法在iOS7上工作

我已经通过html img srcset标记并使用css背景属性将一些图像添加到网站。@ 2x视网膜图像无法在iOS7上工作

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

显示器上的Macbook正确视网膜

使用img标签srcset时，因为它会默认为1倍的图像这是“正常的”，但是，对于一个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/[email protected]')!important; 
    } 
}

来源

2014-10-09 Tom

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

来源

2014-10-09 16:08:50 Luca

好的，谢谢，任何想法，为什么媒体查询不会尽管工作？ – Tom 2014-10-09 16:19:17

没有理由为什么它不应该工作，只看着你发布的CSS代码。你甚至不需要邪恶的'！重要的' - 你能创造一个复制问题的小提琴吗？ – Luca 2014-10-09 16:23:23

好吧，这真是奇怪 - 我现在已经尝试使用相同的方法在不同的文件中加载，并且它的工作原理....所以它必须与文件本身有关... -.- – Tom 2014-10-09 16:34:43

@ 2x视网膜图像无法在iOS7上工作

回答

相关问题