[CSS] 사이즈 단위 vh, vw

1. vh

vertical height 의 약자로써 브라우저의 총 높이를 /100 한 값이 1vh입니다.

예를 들어 높이가 1000px 이라고 쳤을때 /100을 하면 1vh는 10px로 계산됩니다

 

2. vw

vertical width 의 약자로써 브라우저의 총 넓이를 /100 한 값이 1vw입니다.

높이와 마찬가지로 넓이가 1280px 일때 /100 하면 1vw는 12.8px로 계산됩니다.

 

 

이렇게 두종류로 반응형 웹을 만들때 브라우저의 크기에 맞추어 CSS를 적용합니다.

 

이는 부모의 영향을 받지않고 브라우저 높이와 넓이에 직접적으로 영향을 받습니다