12 css unit

1. px

   • 해상도에 따른 상대 단위

   • 픽셀단위로 고정하는 단위

2. %

   • 부모 요소 대비 비율

3. em

   • 자기 자신의 font-size에 영향을 받음

   • 폰트사이즈 * 설정한 em크기

   • 상속관계를 모두 파악해야하기 때문에 파악하기 어려울 수 있음.

4. rem

   • r: root

   • html에 지정된 font-size에만 영향을 받는다.

5. vw

   • view port width

   • 현재 browser 너비 크기 기준으로 비율

   • 100이 전체, 50 절반 이런식으로

6. vh

   • view port height

7. vmin

   • 뷰포트 기준 가로와 세로 길이 중 작은 값을 기준으로 비율

8. vmax

   • 뷰포트 기준 가로와 세로 길이 중 큰 값을 기준으로 비율