뷰포트: 960px · font-size: 26.67px
The quick brown fox
font-size: clamp(1rem, 0.6667rem + 1.6667vw, 2rem);
min
1rem
preferred
0.6667rem + 1.6667vw
max
2rem
반응형 타이포그래피·스페이싱을 위한 CSS clamp() 값을 생성합니다.
최소·최대 뷰포트와 목표 크기를 슬라이더로 조정하고 실제 뷰포트에서 어떻게 보이는지 라이브 미리보기로 확인하세요.
font-size: clamp(1rem, 0.6667rem + 1.6667vw, 2rem);