← Back to release summary

Media Queries Level 4 Syntax & Evaluation

Category

CSS

Type

Chromium catches up

Status

Enabled by default (Chrome 104)

Intent stage

Prepare to ship

Summary

Allows writing media queries using ordinary mathematical comparison operators, and adds support for 'or', 'not', nesting, and evaluation of "unknown" features.

Standards & signals

• Specification: https://www.w3.org/TR/mediaqueries-4/#mq-range-context
• Firefox: Shipped/Shipping — Partial support. Lacks support for `<general-enclosed>` and the `<mf-value> <mf-comparison> <mf-name>` form.
• Safari: No signal
• Web developers: No signals
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=962417

View on chromestatus.com