How to use this page
- Parsed or Yes
-
These tests indicate that the media query is supported and matches the current environment.
In Parsed tests, it queries like
@media (any-hover)or@media (color), which only check if the media query is recognized and parsed by the browser. If the test shows Yes, it means that the media query is supported and matches the current environment like@media (any-hover: hover)or@media (monochrome). - Unsupported / Not sure
-
This indicates that the media query is either not supported or the test cannot determine its support status. It may be due to the media query being unrecognized, a syntax error, or the test not being able to detect it accurately.
Please note that this might also fire when value is 0 in some case (e.g.
@media (color: 0)or@media (color-index: 0)). We are trying to avoid such false negative as much as possible, but it may not be perfect. If you find any issue, please report to us with details of your environment and the test result.
Self Test
- Inline Block (With Override)
- Pass
- random-unknown-media-query
-
Pass
Fail (or your browser match
@media (random-unknown-media-query)) - random-unknown-media-query: 0
-
Pass
Fail (or your browser match
@media (random-unknown-media-query: 0)) - random-unknown-media-query: none
-
Pass
Fail (or your browser match
@media (random-unknown-media-query: none))
Standard Media features
- any-hover
- Parsed Yes (hover) Yes (none) Unsupported / Not sure
- any-pointer
- Parsed Yes (coarse) Yes (fine) Yes (none) Unsupported / Not sure
- aspect-ratio
- Parsed Unsupported / Not sure
- color (Also use min-color and max-color for test)
- Parsed Yes (= 0) Yes (< 8) Yes (≥ 8) Yes (≥ 12) Yes (≥ 16) Unsupported / Not sure
- color-gamut
- Parsed Yes (sRGB) Yes (P3) Yes (Rec. 2020) Unsupported / Not sure
- color-index (Also use min-color-index and max-color-index for test)
- Parsed Yes (= 0) Yes (< 256) Yes (≥ 256) Unsupported / Not sure
- device-aspect-ratio
- Parsed Unsupported / Not sure
- device-height
- Parsed Unsupported / Not sure
- device-width
- Parsed Unsupported / Not sure
- device-posture
- Parsed Yes (continuous) Yes (folded) Unsupported / Not sure
- display-mode
- Parsed Yes (browser) Yes (fullscreen) Yes (minimal-ui) Yes (picture-in-picture) Yes (standalone) Unsupported / Not sure
- dynamic-range
- Parsed Yes (standard) Yes (high) Unsupported / Not sure
- forced-colors
- Parsed Yes (none) Yes (active) Unsupported / Not sure
- grid
- Parsed Yes (0) Yes (1) Unsupported / Not sure
- height
- Parsed Unsupported / Not sure
- width
- Parsed Unsupported / Not sure
- hover
- Parsed Yes (none) Yes (hover) Unsupported / Not sure
- inverted-colors
- Parsed Yes (none) Yes (inverted) Unsupported / Not sure
- monochrome
- Yes Yes (0) Unsupported / Not sure
- orientation
- Parsed Yes (portrait) Yes (landscape) Unsupported / Not sure
- overflow-block
- Parsed Yes (none) Yes (scroll) Yes (optional-paged) Yes (paged) Unsupported / Not sure
- overflow-inline
- Parsed Yes (none) Yes (scroll) Unsupported / Not sure
- pointer
- Parsed Yes (none) Yes (coarse) Yes (fine) Unsupported / Not sure
- prefers-color-scheme
- Parsed Yes (light) Yes (dark) Unsupported / Not sure
- prefers-contrast
- Parsed Yes (no-preference) Yes (less) Yes (more) Yes (custom) Unsupported / Not sure
- prefers-reduced-motion
- Parsed Yes (no-preference) Yes (reduce) Unsupported / Not sure
- prefers-reduced-transparency
- Parsed Yes (no-preference) Yes (reduce) Unsupported / Not sure
- resolution
- Parsed Unsupported / Not sure
- scripting
- Parsed Yes (none) Yes (initial-only) Yes (enabled) Unsupported / Not sure
- update
- Parsed Yes (none) Yes (slow) Yes (fast) Unsupported / Not sure
- video-dynamic-range
- Parsed Yes (standard) Yes (high) Unsupported / Not sure
Vendor specifics
- amzn-mobi
- Yes Unsupported / Not sure
- amzn-kf8
- Yes Unsupported / Not sure