Equipe do MS Edge revela Web API para telas duplas/dobráveis

CSS

→ screen-spanning : single-fold-vertical, single-fold-horizontal

→ env(fold-top/left/width/height) : tamanho da área da dobra

JS

→ com getWindowSegments(), retorna cada objeto de janela segmentada em um array

• Atualmente há apenas uma dobra (single fold), mas no futuro, se surgirem dispositivos de 3 telas com duas dobras, o CSS poderá ganhar um valor como dual-fold. Como o JS usa array, isso poderá ser aplicado imediatamente.

• A partir do Edge 86, é possível emular telas duplas/dobráveis para testes

• Já foi proposta a adoção disso também no Chrome e no Android

[xguru]

Por enquanto, parece que os principais candidatos seriam o Surface Duo, o Galaxy Fold e o LG V50.