clamp()

• 반응형 디자인을 구현하는데 유용하게 이용 가능.
• max(), min() 을 모두 포함.
• 요소의 크기 등을 범위로 제한.

property: clamp(min, preferred, max);

• min : 최소값
• preferred : 기본값(우선값)
• max : 최대값
• 기본값은 항상 최소값과 최대값 사이에서 동작.

font-size: clamp(14px, 2vw, 24px);

/*
폰트 사이즈는 14px에서 시작하고 최대 24px까지 커짐.
*/