5P by xguru 2020-09-24 | favorite | 댓글 1개

CSS
ㅤ→ screen-spanning : single-fold-vertical, single-fold-horizontal
ㅤ→ env(fold-top/left/width/height) : 접혀지는 영역 크기
JS
ㅤ→ getWindowSegments() 로 각 분할된 윈도우 객체를 배열로 리턴

- 현재는 한번 접는(single fold) 만 있지만, 차후에 2번 접는 3화면 기기가 나오면 CSS 는 dual-fold 같은 값이 추가 될 수 있음. JS는 배열이라 바로 적용 가능.
- Edge 86 부터 듀얼스크린/폴더블을 에뮬레이트 해서 테스트 가능
- 크롬이나 안드로이드에도 적용을 제안한 상태

현재로선 서피스 듀오, 갤럭시 폴드, LG V50 정도가 고려 대상이겠네요.