Display cutout and CSS env() support

CSS

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.

Documentation

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/

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for Android release 69

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: No public signals
Edge: No public signals
Safari: Shipped
Web Developers: No signals

Owners

beccahughes@chromium.org
mlamouri@chromium.org

Last updated on 2018-07-19