css - 단위

단위

• px : 픽셀
• % : 상대적 백분율
• em : 요소의 글꼴 크기
  • width:10em 이면, 요소의 폰트사이즈 * em으로 계산
    ex) 부모요소의 font-size가 10px이면, 자식요소 width: 20em이 200px이 됨.
• rem : 루트 요소(html)의 글꼴 크기
  • em과 살짝 다르게, html에 들어가있는 폰트사이즈 기준으로 계산.
• vw : 뷰포트 가로 너비의 백분율
• vh : 뷰포트 세로 너비의 백분율
  • 1vh 또는 1vw는 100분의 1을 말함.