[TIL] CSS: Unit

Absolute Unit: px

Relative Unit: %, v*, em, rem

1. %

• 부모요소에 반응
• 박스 사이즈

2. em

• 부모요소에 반응
  브라우저 내 어디에서 사용하느냐에 따라 변하는 경우 사용한다.
• 폰트 사이즈

3. v*

• 브라우저에 반응
• 박스 사이즈

4. rem

• 브라우저에 반응
  브라우저 내 어디에서 사용하든 같은 사이즈를 유지하고 싶을 때 사용한다.
• 폰트 사이즈

reference

• pxtoem