5 ポイント 投稿者 xguru 2020-09-24 | 1件のコメント | WhatsAppで共有

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 にも適用を提案している状態

1件のコメント

 
xguru 2020-09-24

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