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)