CSS clamp() 생성기

이 계산기 정보

이 도구는 유동적인 타이포그래피를 위한 반응형 CSS clamp() 함수 — clamp(최소값, 선호값, 최대값) — 를 생성합니다. 여기서 선호값은 vw 기반으로 계산된 식으로, 최소·최대 뷰포트 너비 사이에서 글꼴 크기를 매끄럽게 조절하여 지정한 한계를 벗어나면 더는 커지거나 작아지지 않게 합니다.

프런트엔드 개발자는 제목과 본문 텍스트 크기를 조절하려고 여러 미디어 쿼리 브레이크포인트를 작성하는 대신, 유동적으로 크기가 조절되는 CSS 규칙 하나로 처리하기 위해 이를 사용합니다. 최소·최대 글꼴 크기와 뷰포트 범위를 입력하면 바로 붙여 넣을 수 있는 clamp() 규칙을 얻을 수 있습니다.