CSS
CSS에서 사용 하는 단위 정리
혜원21
2021. 6. 18. 12:12
• 절대 단위
cm - centimeters
mm - millimeters
in - inches (1in = 96px = 2.54cm)
*px - pixels / 값이 0이면 단위 생략 가능. dpi기준으로는 상대적이라 할 수 있다.
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중 더 큰 쪽을 기준
*%
* 가장 많이 사용하는 단위