CSS Clamp Generator

CSS Clamp Generator 최소값, 기본값(유동값), 최대값을 설정하여 반응형 폰트 크기, 간격, 너비를 계산해 주는 도구입니다. 복잡한 수식 없이 뷰포트 크기에 따라 유동적으로 변하는 CSS 코드를 즉시 생성하여 반응형 레이아웃을 간편하게 구현할 수 있습니다.

최소 뷰포트 (Min Viewport) px

최대 뷰포트 (Max Viewport) px

최소 폰트 크기 (Min Size) px

최대 폰트 크기 (Max Size) px

기준 폰트 크기 (Root Size) px

결과 REM 단위로 표시

clamp(1rem, 0.5rem + 1.5vw, 2rem);

브라우저 너비를 줄이거나 늘려서 크기 변화를 확인해 보세요!

가나다라마바사 아자차카타파하 (The quick brown fox jumps over the lazy dog)