[CSS] width height 100% 와 100vh의 차이점

[CSS]
width height
100% 와 100vh의 차이점

 

✅ 상황
→ 넓이와 높이 속성 값을 설정할 때 %와 vh의 중 어떤 속성값을 사용해야하는지 고민이될 때

✅ 100% 와 100vh의 차이점
→ (%)퍼센트는 부모의 태그를 기준으로 퍼센트를 측정하여 사이즈를 표시
→ VH는 Viewport Height라는 의미로 화면의 100퍼센트를 사용하겠다는 의미