CSS高品质图像

Question

iPhone 4.0具有视网膜显示屏，您可以使用background-size CSS3属性升级网页图像。并非所有的浏览器都支持CSS3，但（尤其是IE），luckely我们有以下的代码来帮助我们：

@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所描述的modernizr方法更好。