iOS4 中的像素化，但 iOS5 中没有

【问题标题】：Pixelation in iOS4 but not iOS5iOS4 中的像素化，但 iOS5 中没有
【发布时间】：2012-02-20 10:51:59
【问题描述】：

我的 html 中有一个带有 px 宽度属性的图像标签。在具有 IOS4 的 iPad 中运行此 html 会产生清晰的图像，而在 IOS5 中它看起来像素化。请提出建议。

【问题讨论】：

这两项测试您都使用视网膜显示器吗？
html 还有什么奇怪的地方还是只是一个普通的
嗯 - screenshop1.png 真的有多大 - 它实际上是 100px 高吗？

【解决方案1】：

我选择遵循 Apple 在其 SDK 中使用的命名约定，通过在文件名中添加后缀“@2x”来定位高分辨率图像。因此，对于低分辨率设备，如果标准图标是“icon.png”，则 RD 设备将是“icon@2x.png”。为了将这些混合在一起，我在针对 Retina 显示屏的 css 文件中添加了一个媒体查询：

@media all and (-webkit-min-device-pixel-ratio: 2) {
    #home-news a {background-image:url(images/icon@2x.png);}
}

【讨论】：

您好，谢谢，我直接在