display-mode media query

The display-mode CSS media query sets styles based on whether the web page is in an ordinary browser tab mode or another mode, such as fullscreen, standalone, or minimal-ui.

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

Desktop Browser Engine Support

Google Chrome

47

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

116

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.media.display-mode ↗ css.at-rules.media.display-mode.browser ↗ css.at-rules.media.display-mode.fullscreen ↗ css.at-rules.media.display-mode.minimal-ui ↗ css.at-rules.media.display-mode.standalone ↗