반응형 페이지를 제작하려면 뷰포트(Viewport)와 미디어쿼리(Media Query)가 필요합니다. 뷰포트 설정을 통해 웹 페이지가 모바일 기기의 화면에 맞게 조정되도록 할 수 있습니다. 뷰포트는 pc 화면 비율을 모바일 비율로 바꾸어 주고 미디어쿼리는 화면 크기에 따라 CSS를 설정합니다. 1. 뷰포트 설정 width=device-width : 이 설정은 뷰포트의 너비를 기기의 화면 너비로 설정합니다. 즉, 기기의 실제 화면 너비에 맞춰 웹 페이지의 너비를 조정합니다. 이것은 모바일 기기에서 웹 페이지가 너비를 제대로 표시하고 사용자가 좌우로 스크롤할 필요가 없도록 도와줍니다. initial-scale=1.0: 페이지가 처음 로드될 때 초기 확대/축소 비율을 1.0으로 설정합니다. 즉, 초기 화면 배..
