Web 用CSS制作高质量图像

iPhone 4.0有一个视网膜显示屏，您可以使用

背景大小

CSS3属性升级web图像。并非所有浏览器都支持CSS3（特别是IE），幸运的是，我们有以下代码来帮助我们：

@media only screen and (-webkit-min-device-pixel-ratio:2) { }

但是，尽管这段代码似乎足以满足其目的，但事实并非如此。我想要一份声明，例如：

IF BROWSER SUPPORTS BACKGROUND-SIZE THEN { ... } (in CSS)

你为什么问？嗯，三星Galaxy S可以显示非常清晰的图像以及背景大小，但没有2.0的像素比来触发CSS

---

有人能帮我吗？

我想你在找一个像这样的图书馆：） Modernizer允许检测客户端是否支持新功能（特别是css3）

使用简单的css，您可以区分浏览器并调整代码

以下是您需要的部分：

---

哦，还有，谢谢你的视网膜提示；）

W3C CSS工作组之间就这一问题进行了一些讨论。建议采用以下语法：

@supports ( background-size ) {
  ...
}

---

然而，即使这些建议被接受，也需要几年时间才能到达浏览器。现在，你最好使用Tim描述的现代化方法

您是说您当前添加了一个低分辨率背景，然后在设备像素比为2时替换它？