示例代码:
@media screen and (min-resolution: 28dpcm) { ... }
@media print and (min-resolution: 118dpcm) { ... }
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-
厂商前缀。