MS Edgeチーム、デュアル/フォルダブル画面向けのWeb APIを公開

CSS

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

→ env(fold-top/left/width/height) : 折りたたまれる領域のサイズ

JS

→ getWindowSegments() で各分割されたウィンドウオブジェクトを配列で返す

• 現在は1回折りたたむもの（single fold）のみだが、今後2回折りたたむ3画面デバイスが登場すれば、CSS には dual-fold のような値が追加される可能性がある。JS は配列なのでそのまま適用可能。

• Edge 86 からデュアルスクリーン/フォルダブルをエミュレートしてテスト可能

• Chrome や Android にも適用を提案している状態

[xguru]

現時点では、Surface Duo、Galaxy Fold、LG V50あたりが想定対象ですね。