css 단위

Css 단위

 

 

- em

부모 크기에 비례해서 상대적으로 크기 정해짐

부모 폰트사이즈 곱한 값

 

- rem

루트에 따라서 폰트사이즈 결정됨

 

- vw vh

부모 너비 상관없이 브라우저 너비에 따름

 

- %

부모 너비 대비 퍼센트

 

 

——— 나누는 기준

- 부모 기준 작업

% em

 

- 브라우저 기준 작업

v rem

 

-요소 높이 기준

% v

 

- 폰트사이즈

Em rem

——

 

- 어디서 사용하든 고정 원함

Rem

 

- 부모 크기에 따라서 상대적으로 변하게

Em

 

- 박스 컨테이너

% v flex

 

- 요소와 수직 공간 맞출때

수직 em

수평 rem

 

- 폰트사이즈의 패딩

Em

 

- 미디어 쿼리 단위

Em rem