CSS的高质量图像

Question

iPhone 4.0有一个视网膜显示屏，您可以使用background-size CSS3属性升级网页图像。并非所有浏览器都支持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。

任何人都可以帮助我吗？

Answer 1

我认为您正在寻找像modernizr :)这样的图书馆 Modernizr允许检测客户端是否支持新功能（尤其是css3）。

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

以下是您需要的部分： http://www.modernizr.com/docs/#backgroundsize

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

Answer 2

W3C CSS工作组就adding feature queries to CSS进行了一些讨论。建议是按照以下方式使用语法：

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

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