デュアルスクリーンとフォルダブル向けのWebレイアウトを作る

• Galaxy Fold/Flip、Surface Duo のようなデバイスを Web でサポートする
• CSS では horizontal-viewport-segments、vertical-viewport-segments の値が 2 かどうかをメディアクエリで確認
• JS では window.visualViewport.segments で確認
  → Canvas2D や WebGL などに適用
• env() では viewport-segment-width / height / top / left / bottom / right を使用
  → ヒンジの幅を計算可能