Display cutout and CSS env() support

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 69)
Intent stage: None

Summary

Display cutouts are now supported in Chrome through CSS environment variables and the viewport-fit meta tag. This allows developers to take advantage of the entire screen on devices that have a display cutout.

Standards & signals

Specification: https://drafts.csswg.org/css-env-1/
Firefox: No signal
Safari: Shipped/Shipping
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=825890

Docs: https://docs.google.com/document/d/1lbZi18_5cMlLOphpFqTbuI4B0YGykQvvtRbw6j67UyE/edit https://www.w3.org/TR/css-round-display-1/#viewport-fit-descriptor https://drafts.csswg.org/css-env-1/

View on chromestatus.com