CSS

css에 사용하는 길이, 크기 단위

CD2Y 2021. 4. 20.
반응형

• 절대 단위

cm - centimeters
mm - millimeters
in - inches(1in=96px=2.54cm)
*px - pixels // 값이 0이면 단위 생략 가능.
pt - points
pc - picas(1pc=12pt)

 

• 상대 단위

*em - 2em; // 현재의 두배
ex - 현재 글꼴의 높이 기준 (거의 사용 안함)
ch - 너비값 기준
rem - 루트 요소의 상대적 크기
*vw - 2vm // viewport 너비의 2%
vh - 2vh // viewport 높이의 2%
vmin - vw, vh중 더 작은 쪽을 기준
vmax - vm, vh중 더 큰 쪽을 기준
*%

 

* 가장 많이 사용

 

반응형