html - 为 Retina 显示器设置特定的样式表

Question

我正在寻找一种方法来根据用户设备是非视网膜还是视网膜设置不同的样式表。我遇到了很多不同的方法，所以现在我不知道该怎么做。虽然在我看来这似乎更容易和更有效:

<link rel="stylesheet" href="myCss.css" media="screen and min-device-pixel-ratio: 2">

但我不确定它是最新的语法，这是否适用于所有现代浏览器(包括 ie9)，有没有办法改进这种方法？

Answer 1

在您现有的样式表中

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

来自

CSS-Tricks