디블리셔에서 프론트엔드가 되어가는 불쌍한 IT땔감

현재 어느 모바일 웹 퍼블리싱을 작업중에 있는데, 한가지 새로이 알게 된 이슈가 있어 기록. 전체 wrap을 주고 그 안에서 와 , 그리고 컨텐츠 내용이 들어갈 을 구성했다. 와 는 position: fixed로 고정 포지션을 주었다. 즉, wrap의 width를 100vw, height를 100vh로 설정하면 간단하게 디바이스의 가로 세로로 꽉 차는 모바일 페이지를 만들 수 있는 것이다. 그런데, 크롬에서는 괜찮았는데 iOS의 사파리에서 확인해 보니, 영역에서 생각지도 못하게 세로 스크롤이 생기는 것이다. 에 height를 주지도 않았는데도... 이걸로 한 1시간을 헤멘 것 같은데, 답을 찾고 나니 의외로 간단했다. 과 에서 width: 100%와 height: 100%를 주고 자식요소인 에도 동일하게..