There are currently two articles about folding screens. One is mainly an adaptive method in multi-screen scenarios, and the other mentions some APIs exposed by folding devices, which can obtain device information such as angles. But when the multi-screen scenarios adaptive layout cannot be completed well, can a CSS be used to automatically complete or retain the physical distance of an element in a multi-screen situation to ensure the rationality of the element display?
As described in the above two pictures, we need a more reasonable way to adapt to the scene where a picture spans multiple screens. But when a text block spans multiple screens, we need to cut it from the middle rather than hide it.
The CSS Working Group just discussed Discussion about the block cross-folding screen.
The full IRC log of that discussion
<dael> Topic: Discussion about the block cross-folding screen
<fantasai> s/layout/layout to not be element-dependent/
<dael> github: https://github.com/w3c/csswg-drafts/issues/5882
<dael> fantasai: I had brought this up. It looks like need discussion. I don't have a proposal. I think I proposed for F2F
<dael> astearns: Yeah, even for virtual F2F we need something to go on
<dael> astearns: By my reading this is about what to do with text elements since we do have split and mask capabilities for images
<dael> fantasai: No, screen folding. Different ways to handle the effect. One is where you move the boxes apart. Another is mask so stuff apeears. Need to expose to author so they don't put content inside the fold
<dael> fantasai: If impl creates a gap and cutting content, need no content in gap. When there's masking there is and author needs to know. need to make adaptable so author can layout. Means conveying information.
<dael> astearns: I don't see MS people on call who are working on this stuff
<dael> astearns: Maybe we kick back to issue
<dael> fantasai: Yeah, needs a proposal
I want to initiate a discussion about folding screen or multi-screen solution. At present, I see the following 2 solutions about folding screen.
There are currently two articles about folding screens. One is mainly an adaptive method in multi-screen scenarios, and the other mentions some APIs exposed by folding devices, which can obtain device information such as angles. But when the multi-screen scenarios adaptive layout cannot be completed well, can a CSS be used to automatically complete or retain the physical distance of an element in a multi-screen situation to ensure the rationality of the element display?
As described in the above two pictures, we need a more reasonable way to adapt to the scene where a picture spans multiple screens. But when a text block spans multiple screens, we need to cut it from the middle rather than hide it.