Custom media queries

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

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

—

Unsupported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

—

Unsupported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

—

Safari iOS

—

Specifications and References

MDN Browser Compat Data Keys: