6P by xguru 4달전 | favorite | 댓글과 토론
  • 갤럭시 폴드/플립, 서피스 듀오 같은 기기들을 웹에서 지원하기
  • CSS에서 horizontal-viewport-segments , vertical-viewport-segments 값이 "2"인지 미디어쿼리로 체크
  • JS에서 window.visualViewport.segments 로 체크
    → Canvas2D 및 WebGL 등에 적용
  • env() 에서 viewport-segment-width/height/top/left/bottom/right 사용
    → Hinge의 넓이 계산 가능