반응형 css

%

• 말 그대로 퍼센티지, 부모의 50% 이런식으로도 작성 가능

max-width

• 최대값
• min-width: 최소값

em

• 상위 요소의 폰트 사이즈의 몇 배인가

rem

• 최상위 폰트사이즈 기준

vw

• v: view port
• vw: viewport width

vh

• vh: viewport height

% vs v

1. vh 는 width 에서도 사용이 가능
2. vh 와 vw 는 열려있는 화면 전체의 상대길이이기 때문에 스크롤바를 포함한 길이를 반환