태그에서 content="width=device-width, initial-scale=1.0""> 태그에서 content="width=device-width | TTJ 코딩퀴즈"> 태그에서 content="width=device-width, initial-scale=1.0""> 태그에서 content="width=device-width | TTJ 코딩퀴즈"> 태그에서 content="width=device-width, initial-scale=1.0"">
처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML <meta name="viewport"> 태그에서 content="width=device-width, initial-scale=1.0"의 의미는?

보통 MDN Web Docs
보기 및 정답
A 뷰포트 너비를 기기 화면 너비에 맞추고, 초기 확대 비율을 1배로 설정한다
B 웹 페이지의 최대 너비를 1024px로 제한하고 스크롤을 비활성화하는 역할이다
C 모든 이미지의 크기를 기기 화면 비율에 맞게 자동으로 조절한다
D 브라우저 캐시를 초기화하고 페이지를 항상 새로고침하도록 설정한다

해설

width=device-width는 뷰포트의 너비를 사용자 기기의 화면 너비와 동일하게 설정합니다. initial-scale=1.0은 페이지 로드 시 확대/축소 비율을 100%로 지정합니다. 이 설정은 반응형 웹 디자인의 필수 요소입니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기