CSS Clamp() 계산기 🔒 브라우저에서 로컬로 실행 — 아무것도 업로드되지 않습니다.

이 도구에 대해

전통적인 반응형 타이포그래피는 각 미디어 쿼리 브레이크포인트에서 고정된 크기 사이를 갑자기 오갑니다 — 모바일에서는 16px이다가 특정 너비를 넘으면 갑자기 20px로 튑니다. CSS의 `clamp(최소값, 선호값, 최대값)`은 이런 급격한 전환을 연속적인 스케일링으로 대체합니다. 글꼴 크기는 선택한 최소값과 최대값 사이에서 뷰포트에 맞춰 부드럽게 커집니다. 최소 뷰포트 너비 아래에서는 최소 크기로 고정되고, 최대 너비 위에서는 최대 크기로 고정됩니다. 그 사이에서만 유동적입니다.

이 계산기는 보간 계산을 대신 처리해 줍니다. 선택한 뷰포트 범위에서 최소 및 최대 글꼴 크기 사이의 선형 기울기를 구하고, 이를 `vw` 기반 선호값으로 표현한 뒤, 바로 붙여넣을 수 있는 `clamp()` 문자열로 감쌉니다. 결과를 `font-size`(또는 다른 숫자형 속성)에 바로 붙여넣으세요 — 더 이상 브레이크포인트별로 글꼴 크기를 따로 재정의할 필요가 없습니다.

자주 묻는 질문