CSS Media Queries Test Cases
Resolution
Min-Resolution 30dpi
@media only all and (min-resolution: 30dpi)
Resolution 220dpi
@media only all and (resolution: 220dpi)
Resolution in combination with dpcm does not work well due to rounding differences. 96dpi are 37.795275552dpcm and not 38dpcm.
Min Device Pixel Ratio 2
@media only all and (-webkit-min-device-pixel-ratio: 2),
only all and (-o-min-device-pixel-ratio:2/1),
only all and (min--moz-device-pixel-ratio:2)
Resolution Infinite
@media only all and (resolution: infinite)
Max-Resolution 600dpi
@media only all and (max-resolution: 600dpi)
1dpi < resolution < 600dpi
@media all and (1dpi < resolution < 600dpi)
Scan & Grid
Scan: Progressive
@media only tv and (scan: progressive)
Scan: Interlace
@media only tv and (scan: interlace)
Grid
@media only all and (grid)
Update-Frequency
Update-Frequency None
@media only all and (update-frequency: none)
Update-Frequency Slow
@media only all and (update-frequency: slow)
Update-Frequency Normal
@media only all and (update-frequency: normal)
Overflow-block
Overflow-Block None
@media only all and (overflow-block: none)
Overflow-Block Scroll
@media only all and (overflow-block: scroll)
Overflow-Block Optional-Paged
@media only all and (overflow-block: optional-paged)
Overflow-Block Paged
@media only all and (overflow-block: paged)
Overflow-inline
Overflow-Inline None
@media only all and (overflow-inline: none)
Overflow-Inline Scroll
@media only all and (overflow-inline: scroll)