[HTML] Viewport meta tag 내용 정리

Intro 모바일웹이나 반응형웹 페이지를 제작할 때, HTML에 viewport meta tag를 사용해야 합니다. Viewport meta tag가 무엇인지 간략하게 알아보겠습니다.

Goals · Viewport meta tag 이해 Content Viewport meta tag는 다음과 같이 사용합니다. 여기서 별도로 수정할 필요 없이 그대로 가져다 사용하셔도 무방합니다. width=device-width는 장치에 따라 페이지 너비를 적용하기 위한 설정입니다. initial-scal=1.0은 웹 브라우저에서 페이지 로시 확대 or 축소를 어느정도로 할 것인지를 설정합니다. 100%기본으로 사용하기 위해서는 1.0을 넣으면 됩니다.

다음과 같은 html이 있다고 했을 때, 어떤 결과가 나오는지 알아보겠습니다..........