Web applications iphone 4 mobile safari中的图像模糊

我正在制作一个移动网络应用程序，我的图片有一些问题。它们在我的桌面上看起来很棒，但在iPhone上却模糊不清。我想这是视网膜显示的原因，移动safari需要将网站的规模扩大一倍

---

有没有办法让图像在iPhone4上显得清晰

我找到了答案。我发现这篇文章： 哪些人主张使用这样的媒体查询：

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #map-page .ui-icon {
        background-image: url("/images/retina/4_ikon_hitta.png");
    }
}

目前这是可行的，但我认为这不是一个最佳的解决方案。在另一篇文章的评论中，提到根本不使用像素作为度量，这非常有意义。iPhone4只是众多高dpi设备中的第一款。因此，在未来，像素的尺寸将更大

移动Safari自从iOS 2.1支持SVG以来，取决于你支持SVG的设备（可能有一些后退）是要考虑的。

---

对于我（也包括你的！）的下一个项目，我将深入研究ems、点、%和SVG

这是SVG回退问题的一个很好的解决方案