Web platform features explorer - display-mode media query

Web platform features explorer

Tags: css Groups: CSS > Media queries

The display-mode CSS media query sets styles based on whether the web page is in fullscreen, standalone, minimal-ui, browser, or picture-in-picture mode.

Learn more

display-mode

Specifications

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

Browser support

Chrome 123 Released on 2024-03-19
Chrome Android ❌
Edge 123 Released on 2024-03-22
Firefox ❌
Firefox for Android ❌
Safari ❌
Safari on iOS ❌

Usage (according to Chrome Platform Status)

~15.564% of page loads. More data at chromestatus.

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