Clamp코드개인정보: 브라우저 로컬
CSS Clamp 생성기
반응형 font-size와 spacing에 쓸 CSS clamp() 값을 min/max 범위로 생성하는 도구입니다.
입력 / 출력
도구부터 사용
입력, 출력, 복사 작업은 이 영역에 모았습니다. 예제와 검토 내용은 아래에서 따로 확인합니다.
로컬 세션
입력 상태를 이 브라우저에만 저장해 계정 없이 마지막 작업을 복원할 수 있습니다.
결과 확인 후 검토
기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.
예제
이 도구를 시작하기 좋은 입력값16px at 360px, 32px at 1200px사용 사례
코드- 반응형 font-size와 spacing에 쓸 CSS clamp() 값을 min/max 범위로 생성하는 도구입니다.
- 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
- 원본 입력과 결과 형태를 한 번 더 비교합니다.
- 대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인합니다.
- CSS Clamp 생성기 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.