https://developer.mozilla.org/en-US/docs/Web/CSS/min
https://developer.mozilla.org/en-US/docs/Web/CSS/max
https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
min,max 는 다들 알테니, clamp 만 간단 설명
clamp 사용법
.x{
font-size:clamp(12px, 2vw, 40px); //크기가 2vw로 가변이지만, 최소 12px, 최대 40px 의 범위로 제한된다.
}
min,max 로 할 경우
.x{
font-size:max(12px,min(2vw,40px))
}
크롬 79부터 지원됨!
사파리 13.1 부터 지원됨 (min,max는 11.1 부터)
IE는 버려!