🟢 반응형 - meta태그에서 viewport 설정하기

Viewport

화면에서 실제 내용이 표시되는 영역으로 뷰포트에 대한 설정이 되어 있지 않으면 미디어쿼리가 정상적으로 작동되지 않습니다. 뷰포트설정은 meta태그에 적용하는 방식과 css에 적용하는 방식으로 구분하여 적용할 수 있습니다.

meadata 적용방법

### css 적용 방법 @viewport{ width: device-width; 뷰포트의 너비를 지정합니다. zoom:1 ; 초기배율을 지정합니다. min-zoom: 1; 뷰포트의 최소축소배율을 지정합니다. max-zoom: 1; 뷰포트의 최대확대배율을 지정합니다. user-zoom: no; 뷰포트의 확대축소여부를 지정합니다. }