rem/em/vw/vh...의 max()? min()?

므으므으므으므·2022년 12월 20일
0

css

목록 보기
1/4

혹시 잘못된 부분이거나 추가적인 내용이 있으면 댓글 부탁 드려요 !ฅʕ•̫͡•ʔฅ

max(최대단위값, 기본값)

font-size: max(32px, 3vw)

폰트 사이즈가 기본 3vw이며 최대 32px가 되면 그 값에서 홀딩

min(기본값, 최소단위값)

font-size: min(3vw, 12px)

폰트 사이즈가 기본 3vw이며 최소 12px로 되어지면 그 값에서 홀딩

min(max(3vw,32px), 12px)

이처럼 min, max를 섞어서 사용도 가능하다!

출처 : https://web.dev/i18n/ko/min-max-clamp/

++)
em 단위는 상위 요소 크기의 몇 배인지로 크기를 정합니다.
rem 단위는 문서의 최상위 요소, 즉 html 요소의 크기의 몇 배인지로 크기를 정합니다.

0개의 댓글