Clamp CSS 생성기
Tailwind V4
전용 반응형 폰트 사이즈(Clamp) CSS를 정밀하고 쉽게 생성하세요.
1
기본 설정
클래스 이름
기준 폰트 크기 (px)
2
기기별 맞춤 구간 (Breakpoints)
가로로 스크롤하여 추가 구간 확인 👉
✕
기본 (BASE)
모바일
프리셋 선택
base (320px)
sm (640px)
md (768px)
lg (1024px)
xl (1280px)
2xl (1536px)
직접 입력
▼
가로 해상도 (Viewport 넓이, px)
이 구간에서의 목표 폰트 크기 (px)
✕
단계 1
태블릿
프리셋 선택
base (320px)
sm (640px)
md (768px)
lg (1024px)
xl (1280px)
2xl (1536px)
직접 입력
▼
가로 해상도 (Viewport 넓이, px)
이 구간에서의 목표 폰트 크기 (px)
✕
단계 2
태블릿
프리셋 선택
base (320px)
sm (640px)
md (768px)
lg (1024px)
xl (1280px)
2xl (1536px)
직접 입력
▼
가로 해상도 (Viewport 넓이, px)
이 구간에서의 목표 폰트 크기 (px)
+
새로운 구간 추가
3
완성된 CSS 코드 (@utility)
Tailwind V4 호환
위 설정 옵션들을 입력하면 이곳에 CSS 코드가 자동 생성됩니다.
완성된 CSS 복사하기