我很好奇CSS如何确定媒体查询条件！ This great CSS-Tricks post显示了一些条件，如设备像素比和最小分辨率。
有没有办法让浏览器欺骗这个/假装有更高的分辨率？如果不触及相关网站上的代码（例如，可能会影响iFrame来测试在视网膜设备上查看cnn.com时会发生什么），这样做是理想的。
在没有设备的情况下调试/测试会非常方便。
答案 0 :(得分：1)
我开始以不同的方式做这件事。这有点哈哈，但我喜欢它！
@media
(height: 999px),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wrapper {background:url(img/image@2x.jpg);}
}
我指定了触发媒体查询的特定高度。为了生产，我删除了媒体查询的一个条件。