HesapHanem

CSS clamp() 생성기

두 뷰포트 너비 사이에서 글꼴 크기를 매끄럽게 조절하는 유동적 clamp() 값을 만드세요.

사용 방법

  1. 위 입력란에 값을 입력하세요.
  2. 계산을 누르면 결과가 즉시 표시됩니다.
  3. 공유 버튼으로 결과 링크를 복사하세요.

이 계산기 정보

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

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

도움이 되었나요?

최대 3개의 반응을 선택할 수 있습니다.

댓글

  • 첫 번째 댓글을 남겨 보세요.

인기 계산기

대출 계산기

월 상환액, 총 이자 및 완전한 상환 일정.

퍼센트 계산기

퍼센트 변화, 어떤 값의 퍼센트, 비율 계산.

할인 계산기

최종 가격, 절약 금액 및 할인 금액을 계산합니다.

BMI 계산기

키와 체중으로 체질량지수 계산 (미터법 또는 야드파운드).

나이 계산기

생년월일로부터 년·월·일 단위의 정확한 나이를 계산합니다.

복리 계산기

복리로 최종 금액과 발생 이자를 계산합니다.

모든 계산기