Skip to main content

단위

절대 길이 단위​

  • px (cm, mm, in, pc, pt)

상대 길이 단위​

  • %, vw, vh, em, rem, vmin, vmax

px​

  • Picture + Element의 약자이다.
  • 화면에서 이미지를 표현하는 가장 작은 단위이다.
  • 고정된 값이며 직관적이고 쉽게 사용할 수 있다.
  • 다양한 해상도가 생겨나며 필셀 밀도가 다양해져서 절대 단위인 px를 사용 시 다른 위치, 크기로 보이는 이슈가 있다.

%

  • 부묘 요소를 기준의 백분율 단위이다.

rem​

  • root em의 약자이다.
  • 최상위 <html> 태그의 글자 크기를 기준으로 하는 배수 단위이다.
  • <html>의 기본 폰트 사이즈는 16px 이다.
  • 보통 폰트 사이즈를 결정할 때 사용한다.

em​

  • 상위 태그로부터 상속받은 글자 크기를 기준으로 하는 배수 단위이다.
  • 폰트 사이즈를 결정할 상황일 때
  • 보통 폰트의 크기에 따라 조절이 되야 하는 값들에 사용한다.