728x90
단위
단위에는 총 7가지(rem,vh,vw,vmin,vmax,ex,ch)가 있는데 각각의 단위에 대하여 알아봅시다!
rem
rem 단위는 부모태그 폰트사이즈의 배로 처리하는 단위입니다.
1rem 입니다
vh&vw
vh는 높이에 비례해서 vw는 넓이에 비례해서 높이가 책정됩니다
브라우저 높이 값이 900px 라면 1vh/vw는 9px로 정해집니다.
1vw 입니다
vmin&vmax
vmin/vmax는 너비와 높이값에 따라 최대와 최소 텍스트 크기를 정할 수 있습니다.
예를 들어 브라우저의 너비가 1100px이고, 높이가 700px 일때 1vmin은 7px가 되고 1vmax는 11px가 됩니다.
p태그를 사용한 1vw 입니다
p태그 안에 들어간 1vmax 입니다.
ex&ch
ex/ch는 현재 폰트와 폰트사이즈에 의존하는데 이는 em/rem과 유사합니다
ex/ch의 사용 예시는 현재 폰트의 소문자 "x" 높이 값 / em의 절반값 입니다
폰트의 중간 지점을 알아내기 위해 사용되곤 합니다.
ch는 요소 글꼴의 글리프 0의 사전 너비입니다.
p태그를 사용한 2ex 입니다.
p태그 안에 들어간 2ch 입니다.
728x90
반응형
댓글