반응형 CSS clamp 생성기
두 화면 너비에서의 글꼴 크기를 기준으로 유동 크기 CSS를 생성합니다.
입력
입력은 브라우저에서 처리합니다. 새로고침하면 사라집니다.
결과
값을 입력하거나 예시를 불러온 뒤 결과를 확인하세요.
px 기준 선형 보간입니다. 사용자의 확대·글꼴 설정을 고려해 실제 페이지에서 검수하세요.
계산·변환 기준
두 화면 너비에서의 글꼴 크기를 기준으로 유동 크기 CSS를 생성합니다.
선형 기울기와 절편을 구해 clamp(min, intercept + slope×vw, max)
입력 예시
360px에서 16px, 1280px에서 24px
사용 방법
- 최소 화면 너비 px, 최대 화면 너비 px, 최소 글꼴 크기 px, 최대 글꼴 크기 px 항목을 입력하세요.
- 결과 확인하기를 누르고 아래 결과를 확인하세요.
- 필요하면 결과 복사로 가져갈 수 있습니다.
자주 묻는 질문
어떤 기준으로 결과가 나오나요?
선형 기울기와 절편을 구해 clamp(min, intercept + slope×vw, max). px 기준 선형 보간입니다. 사용자의 확대·글꼴 설정을 고려해 실제 페이지에서 검수하세요.
입력한 내용은 저장되나요?
이 도구의 입력과 결과는 페이지 메모리에서 처리하며 저장하거나 URL·통계 이벤트에 넣지 않습니다. 새로고침 전에 필요한 결과를 복사하세요.
계산 기준 확인: · 오류 제보