Media query debugger
See which media queries match on this device.
Below you’ll find an overview of media types and features as listed on MDN. Unknown support is greyed out, and supported queries result in a match or a not match.
Deprecated media types and features have reduced opacity.
Media types
- all
- screen
- tty
- tv
- projection
- handheld
- braille
- embossed
- aural
Media features
- any-hover
- none
- hover
- any-pointer
- none
- coarse
- fine
- aspect-ratio(min-aspect-ratio:)
- 9/16
- 1/1
- 4/3
- 14/9
- 16/10
- 16/9
- 1.85/1
- 2/1
- 2.35/1
- 2.39/1
- color
- 8
- 10
- 12
- 16
- color-gamut
- srgb
- p3
- rec2020
- color-index(min-color-index:)
- 0
- 256
- 16384
- 65536
- 16777216
- device-aspect-ratio
- 9/16
- 1/1
- 4/3
- 14/9
- 16/10
- 16/9
- 1.85/1
- 2/1
- 2.35/1
- 2.39/1
- device-height(min-device-height:)
- 600px
- 800px
- 1000px
- 1200px
- 1400px
- 2000px
- 2500px
- 4000px
- device-width(min-device-height:)
- 600px
- 1000px
- 1200px
- 1400px
- 2000px
- 2500px
- 4000px
- 6000px
- 8000px
- display-mode
- fullscreen
- standalone
- minimal-ui
- browser
- dynamic-range
- standard
- high
- forced-colors
- none
- active
- grid
- 0
- 1
- height(min-height:)
- 600px
- 800px
- 1000px
- 1200px
- 1400px
- 2000px
- 2500px
- 4000px
- hover
- none
- hover
- inverted-colors
- none
- inverted
- monochrome(min-monochrome:)
- 0
- 1
- orientation
- portrait
- landscape
- overflow-block
- none
- scroll
- optional-paged
- paged
- overflow-inline
- none
- scroll
- pointer
- none
- coarse
- fine
- prefers-color-scheme
- light
- dark
- prefers-contrast
- no-preference
- more
- less
- prefers-reduced-data
- no-preference
- reduce
- prefers-reduced-motion
- no-preference
- reduce
- resolution(min-resolution:)
- 72dpi
- 144dpi
- 150dpi
- 300dpi
- scripting
- none
- initial-only
- enabled
- update
- none
- slow
- fast
- video-dynamic-range
- standard
- high
- width(min-width:)
- 600px
- 1000px
- 1200px
- 1400px
- 2000px
- 2500px
- 4000px
- 6000px
- 8000px
