평소에 rem과 em단위를 헷갈려 이 참에 자주쓰이는 단위를 정리해봤다.
1.절댓값
- px : 모니터에서 화면에 나타낼 수 있는 가장 작은 단위
2.상댓값
- % : 부모요소에 상대적으로 크기가 계산됨.
- em : 선택된 font에 상관없이 항상 고정된 font-size를 갖고 있다. 부모의 font-size에 따라 상대적으로 크기가 계산됨.
(1em == 16px)
- rem : r은 root를 의미. 브라우저에 지정된 font-size에 따라 크기가 계산됨.
(1rem == 16px)
- vw : view width.
100vw == 브라우저의 100%의 너비
- vh : view height.
100vh == 브라우저의 100%의 높이