Web features explorer

Custom media queries

Limited availability

The @custom-media CSS at-rule names a media query, which you can reuse in multiple @media rules.

Browser support

  • Chrome Not supported Bugs: 40781325
  • Chrome Android Not supported Bugs: 40781325
  • Edge Not supported Bugs: 40781325
  • Firefox Not supported Bugs: 2048216
  • Firefox for Android Not supported
  • Safari Not supported Bugs: 233820
  • Safari on iOS Not supported Bugs: 233820
👍
22

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer use cases

  • Write simpler media queries saving time, bandwidth, energy, and complexity. Write simpler media queries saving time, bandwidth, energy, and complexity. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist