[TIL] *vh unit (dvh, lvh, svh)
·
TIL
1vh(viewport height)는 뷰포트의 초기 컨테이닝 블록 (Initial Containing Block)의 1%를 의미한다.뷰포트란 사용자가 서비스를 볼 수 있는 영역을 의미한다. 개발자들은 화면에 가득찬 서비스를 보여주기 위해 100vh를 사용했다.하지만 모바일 브라우저가 핸드폰 화면 공간을 최대화하기 위해 트릭을 사용하면서 애매하게 되었다.그 트릭은 "스크롤을 할 때 주소표시줄을 감추는 것"이다.이 문제를 해결하기 위해 새로운 css unit이 나왔다. Large Viewport Unitslvh, lvw브라우저 UI가 가장 작고 웹사이트 콘텐츠가 가장 클 때의 크기-> 주소표시줄이 감춰져 있을 때를 기준 Small Viewport Unitssvh, svw브라우저 UI가 가장 크고 웹사이트 ..