WPT
wpt / css / mediaqueries / media-query-matches-in-iframe.html
Spec: Media Queries ↗
Runs: Chrome 155.0.8039.0 (wpt@2b4dfe72c, 2026-09-03) | Firefox 157.0a1 (wpt@2b4dfe72c, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-56c61 (wpt@ed1909ed6, 2026-09-03) | Servo Servo 0.6 (wpt@09159dcb3, 2026-09-02) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 22/22 | 22/22 | 22/22 | 22/22 | 0/22 | 0/22 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| matchMedia('(max-width: 150px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(width: 100px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(orientation: portrait)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(aspect-ratio: 1/1)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-aspect-ratio: 4/3)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(height: 100px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-height: 150px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(min-aspect-ratio: 3/4)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(min-height: 150px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(aspect-ratio: 1/2)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(min-width: 150px)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(min-aspect-ratio: 4/3)').matches should update immediately | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-width: 150px)') should not receive a change event until update the rendering step of HTML5 event loop | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(width: 100px)') should not receive a change event until update the rendering step of HTML5 event loop | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(orientation: portrait)') should not receive a change event until update the rendering step of HTML5 event loop | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(aspect-ratio: 1/1)') should not receive a change event until update the rendering step of HTML5 event loop | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-aspect-ratio: 4/3)') should not receive a change event until update the rendering step of HTML5 event loop | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-width: 150px)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(width: 100px)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(orientation: portrait)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(aspect-ratio: 1/1)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called | PASS | PASS | PASS | PASS | FAIL | — |
| matchMedia('(max-aspect-ratio: 4/3)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called | PASS | PASS | PASS | PASS | FAIL | — |