Re: [csswg-drafts] [css-media-queries] Foldables support and enablement (#4141)

I am one of the authors of the explainer linked above and we have just published a bunch of updates, the main one is around adding CSS primitives to enable developers detect and react to screen spanning declaratively in CSS.

In a brief summary, the updated explainer has 2 new CSS constructs:

1. `spanning` media query
        - allows developers to test whether their content is spanning across 2 screens.
        - informs them whether the screens are "stacked" or "aside" using the device hinge posture.
2. a set of browser-defined `env()` variables
       - to inform developers about the size and the position of the hinge so they can calculate the size of each screen segment.
       - since foldable devices can be running different OSs (Android, Windows, etc), and the underlying OS might (or might not) choose to draw pixels behind the physical gap, we chose to represent the hinge as a 2d rect, the width or height of that rect can be `0px` if the underlying OS "scissor cuts" the content and does not draw behind the hinge.

Here's the link to our updated explainer (same link as in the comment above), would love to discuss it with you folks and hear your feedback:

GitHub Notification of comment by zouhir
Please view or discuss this issue at using your GitHub account

Received on Thursday, 7 November 2019 23:46:09 UTC