CSS의 단위

표현 단위

• px : 픽셀

• % : 상대적 백분율

• em : 요소의 글꼴 크기(의 비율로 커짐)

• rem : 루트 요소(html)의 크기(의 비율로 커짐 )

  • ex) html의 font-size:16px; 일 경우

    10rem 은 10 * 16px을 의미

• vw: 뷰포트 가로 너비의 백분율

• vh: 뷰포트 세로 너비의 백분율

  • 화면이 작아지고 커지는 거에 적극적인 대응이 가능!