Media query debugger
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