Support css-variables and safe-area |
|||
Issue descriptionChrome Version: 64.0.3282.186 OS: NA Recent Android devices contain displays with notches. Chrome does not support such displays. (For example, it is not possible to create web content with a background image that fills the entire display, but with text that is guaranteed to avoid the notches.) Android P will fully support cutouts (potentially even multiple cutouts?), so it would be good to have Chrome support this when it's released. https://webkit.org/blog/7929/designing-websites-for-iphone-x/ — WebKit's system for supporting the notch on the iPhone X, using safe-area-* variables https://www.w3.org/TR/css-round-display/ — potentially related specification (especially viewport-fit=cover) https://developer.android.com/preview/features.html#cutout — information about Android's support for cutouts
,
Mar 21 2018
Spec discussion: https://github.com/w3c/csswg-drafts/pull/1817
,
Mar 21 2018
,
Oct 22
Any change the dev tools device emulator can have notches added? It's good that the Android P developer options have an option, but it would be a better development experience to have them in the dev tools too. |
|||
►
Sign in to add a comment |
|||
Comment 1 by dtapu...@chromium.org
, Mar 20 2018