뷰포트를 기준으로 퍼센트Viewport Width / Viewport Height mobile support 거지vh로 전체화면 적용시 모바일 브라우저 urlBar 리사이징 문제 해결하기.vh 단위 `vh`는 뷰포트의 높이값에 해당하는 값으로 해당 브라우저의 높이값이 1000px 이라면 `1vh` 는 `10px` 의 단위로 사용할 수 있습니다 즉 전체화면으로 구성시 100vh 로 설정하면 브라우저에 높이가 꽉차는 레이아웃을 설정할 수 있습니다 해당 사이즈는 브라우저의 높이가 변경되면 그에따라 자동으로 단위가 변경되어 설정되게 됩니다 : 100vh를 통한 전체화면 설정시 모바일https://blog.woolta.com/categories/11/posts/191rerenderCSS3 100vh not constant in mobile browserMy Website body, html, root { height: 100vh; margin: 0; padding: 0; } .header { position: fixed; background-color: steelblue;; width: 100vw; height: 50px; z-index: 1; } .content { display: flex; position: absolute; top: 50px; min-height: calc(100vh - 50px); } Header The header will stick to the top when you reach its scroll position.https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
Seonglae ChoSeonglae ChoSeonglae ChoSeonglae ChoSeonglae ChoSeonglae Cho
