css min(),max(),clamp()

3
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는 버려!

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28