Web features explorer - display-mode media query

Web features explorer

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.

Browser support

Chrome 47 Released on 2015-12-01
Chrome Android Not supported Bugs: 40831406
Edge 79 Released on 2020-01-15
Firefox Not supported
Firefox for Android 116 Released on 2023-08-01
Safari Not supported
Safari on iOS Not supported

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

MDN documentation

`display-mode` CSS media feature

Specifications

Media Queries Level 5 (#display-modes), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~16.090% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

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