虽然很容易在Google Chrome中测试不同的屏幕分辨率，但我不知道开发人员如何测试以下CSS媒体查询的不同设备像素比率。
/* Pixel ratio of 1. Background size is 100% (of a 100px image) */
#header { background: url(header.png); }
/* Pixel ratio of 1.5. Background-size is 1/1.5 = 66.67% (of a 150px image) */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#header { background: url(headerRatio1_5.png); background-size: 66.67%; }
}
/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
#header { background: url(headerRatio2.png); background-size: 50%; }
}
是否存在任何方式或浏览器扩展来模仿设备像素比率？
