viewport1

• [HTML] Viewport, DPR, 가로, 세로 다르게 지정 view port 로 모바일과 PC 등에 어떤 효과가 적용되는지 알려줘 뷰포트(Viewport)는 웹 페이지가 다양한 장치에서 어떻게 표시되는지를 제어하는 중요한 요소입니다. 특히 모바일 장치와 PC에서 서로 다른 효과가 적용되며, 이를 이해하는 것은 반응형 웹 디자인의 핵심입니다. 1. 뷰포트 메타 태그:웹 페이지의 헤더에 태그를 추가하여 브라우저에게 화면 크기를 어떻게 조절할지 지시할 수 있습니다. 주로 사용하는 속성은 다음과 같습니다:width: 뷰포트의 너비를 설정합니다. width=device-width는 장치의 너비에 맞추도록 합니다.initial-scale: 초기 줌 레벨을 설정합니다. initial-scale=1은 페이지가 처음 로드될 때 1:1 줌 레벨로 설정합니다.maximum-sca.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 25.