반응형
CSS의 vw, vh, vmin, vmax 속성은 viewport를 기준으로 화면크기에 반응해서 텍스트 크기를 조정할 때 사용한다.
font-size : 1vw; 뷰포트 너비의 1%
font-size : 1vh; 뷰포트 높이 1%
font-size : 1vmin; 뷰포트 높이와 넓이 중 작은 쪽의 1%
font-size : 1vmax; 뷰포트 높이와 넓이 중 큰 쪽의 1%
위의 속성을 추가해서 직접 테스트 해보면 쉽게 이해할 수 있다.
반응형
'Develop > CSS' 카테고리의 다른 글
| CSS - media 쿼리 (0) | 2022.09.22 |
|---|---|
| CSS - calc() (0) | 2022.09.22 |
| CSS - em, rem (2) | 2022.09.21 |
| CSS - background-image , img 태그 차이 (0) | 2022.05.02 |
| CSS - float (0) | 2022.04.23 |