듀얼스크린과 폴더블용 웹 레이아웃 만들기

Jaemin Jung·2022년 3월 11일
0

Geek

목록 보기
3/3
  • 갤럭시 폴드/플립, 서피스 듀오 같은 기기들을 웹에서 지원하기
  • CSS에서 horizontal-viewport-segments , vertical-viewport-segments 값이 "2"인지 미디어쿼리로 체크
  • JS에서 window.visualViewport.segments 로 체크
    → Canvas2D 및 WebGL 등에 적용
  • env() 에서 viewport-segment-- width/height/top/left/bottom/right 사용
    → Hinge의 넓이 계산 가능
profile
내가 보려고 쓰는 블로그

0개의 댓글