[CSS] 단위 em, rem, vw, vh, vmin, vmax

CSS3 에서 새롭게 추가 된 단위

vw, vh 등을 이용하여 좀 더 쉽게 반응형 사이트를 만들 수 있다.

• em: 부모의 font-size를 상속받음
• rem: html의 font-size를 상속받음
• vw: 브라우저 너비의 %, 1vw = 1%
• vh: 브라우저 높이의 %, 1vh = 1%
• vmin: 브라우저 너비와 높이 중 작은쪽의 %
• vmax: 브라우저 너비와 높이 중 큰쪽의 %
• ex:
• ch:

참고

• CSS의 7가지 단위