W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2020

[csswg-drafts] [mediaqueries-5] Updating the CSS media feature for foldable & dual-screen devices (#5621)

From: Zouhir ⚡️ via GitHub <sysbot+gh@w3.org>
Date: Thu, 15 Oct 2020 01:15:46 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-721896208-1602724544-sysbot+gh@w3.org>
zouhir has just created a new issue for https://github.com/w3c/csswg-drafts:

== [mediaqueries-5] Updating the CSS media feature for foldable & dual-screen devices ==
My colleague @dlibby- and I had originally [proposed spanning media feature](https://github.com/w3c/csswg-drafts/issues/4736) with a set of enumerated values representing the layout viewport’s relationship to display hardware configuration (`single-fold-vertical`, `single-fold-horizontal`). The original thinking was that screen topologies of new hardware could be expressed by create more enumeration values.

![Picture1](https://user-images.githubusercontent.com/5052316/96060931-bc9f7b00-0e46-11eb-8efb-a528adf1a988.png)

The discussion on the previous issue, which provided a few suggestions. Based on those, we’d like the following (based on @fantasai 's proposal) to be considered as alternatives to the previous proposed media feature.

```
display-span-x: <integer[1,inf]>
display-span-y: <integer[1,inf]>
```
The values represent the number of logical displays the viewport spans in the specified direction. A logical display may represent a physical screens, or a more abstract concept like a display region for foldable devices that physically have a single screen. This can be extended to express the intent of the operating system window manager and be used in desktop scenarios as well.

These features are described based on their physical orientation relative to the upper left corner of the layout viewport in order to simplify authors’ reasoning about them, similar to other media features.

Going forward, and as a part of the [mediaqueries-5] specification effort, it is our preference to have the syntax mentioned above to be the recommended way for Web developers to match and insert rules that are specific to dual-screen and foldable devices.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5621 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 15 October 2020 01:15:48 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:20 UTC