CSS - viewport vw vh vmin vmax

CSS의 vw, vh, vmin, vmax 속성은  viewport를 기준으로 화면크기에 반응해서 텍스트 크기를 조정할 때 사용한다.

 

font-size : 1vw; 뷰포트 너비의 1%

 

font-size : 1vh; 뷰포트 높이 1%

 

font-size : 1vmin; 뷰포트 높이와 넓이 중 작은 쪽의 1%

 

font-size : 1vmax; 뷰포트 높이와 넓이 중 큰 쪽의 1%

 

 

위의 속성을 추가해서 직접 테스트 해보면 쉽게 이해할 수 있다.