728x90
반응형 폰트 크기: 뷰포트 크기에 따라 폰트 크기를 조절하고 싶다면
vw를 사용하거나 clamp()를 활용하여 최소 및 최대 크기를 설정
body {
font-size: clamp(1rem, 2vw, 2rem);
}
- 1rem: 최소 폰트 크기
- 2vw: 뷰포트 너비의 2%에 해당하는 기본 폰트 크기
- 2rem: 최대 폰트 크기
이렇게 설정하면 뷰포트 크기에 따라 폰트 크기가 조절되지만,
최소 크기와 최대 크기를 설정하여 폰트가 너무 작아지거나 커지는 것을 방지할 수 있습니다.
728x90
'> 메모 > CSS' 카테고리의 다른 글
.overlay-wrap:hover .overlay-black { } 의 의미 (0) | 2024.07.15 |
---|---|
[CSS] Shadow DOM 설명 ( pseudo-element ) (0) | 2024.07.01 |
[CSS] Pseudo-element 설명과 Pseudo-class 와 차이 (0) | 2024.06.30 |
[CSS] keyframes 속성 사용 (1) | 2024.06.30 |
[CSS] transition 속성 종류 (0) | 2024.06.30 |