듀얼스크린 과 폴더블용 웹 레이아웃 만들기
(smashingmagazine.com)- 갤럭시 폴드/플립, 서피스 듀오 같은 기기들을 웹에서 지원하기
- CSS에서 horizontal-viewport-segments , vertical-viewport-segments 값이 "2"인지 미디어쿼리로 체크
- JS에서 window.visualViewport.segments 로 체크
→ Canvas2D 및 WebGL 등에 적용 - env() 에서 viewport-segment-width/height/top/left/bottom/right 사용
→ Hinge의 넓이 계산 가능