em은 타이포그래피에서 현재의 지정된 포린트 사이즈를 나타내는 단위
즉 현재 폰트 사이즈를 나타내는 단위
em는 선택된 폰트에 상관없이 항상 고정된 폰트 사이즈를 가진다.
em 이라는 것은 부모의 폰트 사이즈에 상대적으로 크기가 계산이 된다.
rem 의 r은 root를 의미한다.
=> root에 지정된 폰트 사이즈에 의해 크기가 결정된다.
나누는 기준 1
부모 요소의 사이즈에 따라서 사이즈가 변경이 되야 된다면 %, em
부모와는 상관없이 브라우저의 사이즈에 대해서 반응해야된다면 vw, vh, rem
나누는 기준 2
요소의 너비와 높이에 따라서 사이즈가 변경되야 한다면 %, vw, vh
font 사이즈에 따라서 사이즈가 변경되야 된다면 em, rem
'web > React' 카테고리의 다른 글
| visual studio Code 단축키/json (0) | 2020.12.31 |
|---|---|
| create-react-app 정리 (0) | 2020.12.30 |
| React Hook (0) | 2020.09.15 |
| fetch request 비동기통신 (0) | 2020.09.01 |
| React NodeJs express 연동 (0) | 2020.09.01 |