CSS클램프1 CSS clamp() 반응형 폰트 (미디어쿼리, 유동타이포그래피, 접근성) 브라우저 창을 천천히 드래그해본 적 있으신가요? 저는 예전에 클라이언트 검수 중 태블릿 구간에서 글자가 갑자기 커 보인다는 피드백을 받고 처음 그 동작을 해봤습니다. 폰트가 계단처럼 뚝뚝 바뀌는 걸 보는 순간, 이건 구조적으로 뭔가 잘못됐다는 생각이 들었습니다. clamp()는 그 문제를 해결해준 함수입니다.미디어쿼리로 폰트를 관리하던 시절의 한계일반적으로 반응형 웹을 구현할 때 미디어쿼리(media query)를 쓰면 된다고 알려져 있습니다. 미디어쿼리란 특정 화면 너비 구간을 지정해두고, 그 구간에 해당할 때만 스타일을 적용하는 CSS 기법입니다. 저도 오랫동안 320px, 768px, 1200px 세 개의 브레이크포인트(breakpoint)를 기준으로 폰트 크기를 각각 따로 선언하는 방식을 써왔습니.. 2026. 4. 17. 이전 1 다음
