모바일 웹을 만들던 중
반응형을 추가했는데도 모바일 화면이 제대로 나타나지 않았다..
알고보니 viewport 를 빼먹은 것이었다.
viewport
모바일 화면에서 실제 내용이 표시되는 영역
viewport 를 지정하면 모바일 화면에 맞춰 확대 또는 축소하여 표시할 수 있다.
사용법
head 태그 아래에 다음과 같이 추가할 수 있다.
<meta name="viewport" content="width=device-width,initial-scale=1" >속성
- width : 뷰포트 너비
- heigt : 뷰포트 높이
- user-scalable : 확대/축소 가능 여부
- initial-scale : 초기 확대/축소 값
- minimun-sacle : 최소 확대/축소 값
- maximum-scale : 최대 확대/축소 값
reference
https://penguingoon.tistory.com/129
