하루의 기록

블로그를 모바일에서 잘 보이게 만들자.

당장은 아래 한 줄을 추가하면 충분하다.

<meta name="viewport" content="width=device-width, initial-scale=1" />

• meta viewport 태그를 사용하여 브라우저 뷰포트의 너비와 배율을 제어합니다.
• 기기 독립적 픽셀에서 화면 너비에 맞추려면 width=device-width를 포함합니다.
• 기기 독립적 픽셀과 CSS 픽셀 간에 1:1 관계를 설정하려면 initial-scale=1을 포함합니다.
• 사용자 배율 조정을 비활성화하지 않고도 여러분의 페이지에 액세스할 수 있도록 합니다.

• 출처: 반응형 웹 디자인 기본 사항