read : css min(),max(),clamp() : 기술 #css #min #max #clamp::공대여자홈

#css #min #max #clamp

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	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1017
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10845
공지	[공지] 기술 게시판	mins01	06/24 15:10	11043

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4