html - 为视网膜显示设置特定样式表

标签 html css stylesheet media-queries retina-display

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

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

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

最佳答案

在现有的样式表中

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

来自

CSS-Tricks

关于html - 为视网膜显示设置特定样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13955959/

相关文章:

Qt 样式表;褪色、2D 渐变和 CSS 类

javascript - 如何使新选择的 html 选项成为首选?

javascript - 使用javascript将css类添加到使用javascript实现的 header

html - CSS样式没有生效

css - IE7 和固定的 div 问题

html - 页脚不在底部

html - 如何根据元素具有的 sibling 数量应用 css 规则?

javascript - 简单的工具提示 div - 顶部位置和隐藏

html - CSS 填充不适用于父 div

javascript - CSS 样式不适用于 ExtJS 按钮