示例代码:
@media screen and (min-resolution: 2dppx) { ... }
@media screen and (min-resolution: 1dppx) and (max-resolution: 1.9dppx) { ... }
| IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|
| 8.0-11.0 | 40.0+ | 40.0+ | 8.0-11.1-webkit-#1 | 40.0+ | 8.0-11.3-webkit-#1 | 4.4+ | 28.0-webkit-#1 |
| 12.0+ | 29.0+ |
dpcm单位,但不支持min/max-resolution媒体查询,所以仍然需要使用非标准的min/max-device-pixel-ratio来替代,并且加上-webkit-厂商前缀。