유동 글꼴 크기 클램프() 생성기
단계별로 표시되는 경사와 교차점 및 실시간 크기 조정 미리보기를 사용하여 두 개의 뷰포트 너비에 걸쳐 최소 및 최대 크기에서 실제 유동 CSS 클램프() 값을 계산합니다.
처리 중...
0%
결과
이 페이지에서는 이미 채워진 범용 유동 글꼴 크기 설정(320px 뷰포트에서 16px, 1280px 뷰포트에서 24px)이 포함된 계산기를 엽니다. 이는 일반적인 휴대폰 화면에서 일반적인 데스크톱 창까지 원활하게 확장되는 편안한 본체에서 약간 더 큰 범위이며, 처음에 유동적인 글꼴 크기 클램프()를 검색할 때 대부분의 사람들이 의미하는 설정입니다.
네 가지 숫자는 변경될 수 있습니다. 본문 텍스트가 아닌 제목의 최대 크기를 늘리거나 디자인이 태블릿과 데스크톱 중단점 사이에서만 조정되어야 하는 경우 뷰포트 범위를 좁힙니다. 무엇을 입력하든 기울기와 y축 교차점은 동일한 방식으로 다시 계산되어 최종 선 내부에 숨겨지지 않고 명시적 산술 연산으로 표시됩니다.
4개의 입력 아래에 있는 뷰포트 너비 슬라이더는 실시간 미리 보기를 구동하므로 크기 조정이 즉시 표시되고 복사 준비 클램프() 줄은 한 번의 클릭으로 가능합니다. rem과 px 사이의 출력 단위를 전환하면 최소 및 최대 크기 값 자체를 건드리지 않고 모든 숫자를 다시 계산합니다.