Media query: 반응형 웹을 만들기 위해서 필수
반응형 웹:
- 웹을 데스크탑, 모바일, 태블릿 등 각 기기에 맞게 화면을 보여주기 위해 CSS 스타일을 적용해 놓은 것
- 접속한 브라우저의 사이즈를 맞춘다.
필요한 2가지
HTML: viewport meta
<head>
<meta name="viewport" content="width=device-width">CSS: Media query
@media screen and (*min-width: 768px*) {
}- vh: viewport height. 1vh = 1% of vieport height
- vw: viewport width.
- vw보다는 vh를 자주 사용한다.
작은 사이즈부터 짜는 게 정석이고 가장 편하다.
