뷰포트 메타 생성기

반응형 뷰포트 메타 태그를 생성하세요.

width=device-width초기 배율최소 배율최대 배율사용자 확대 허용

출력

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes" />

배율과 확대 옵션을 구성해 반응형 페이지를 위한 <meta name="viewport"> 태그를 만드세요.

사용 방법

device-width를 켜고 배율 값을 설정하세요.
사용자가 확대할 수 있는지 선택하세요.
생성된 뷰포트 메타 태그를 복사하세요.

자주 묻는 질문

사용자 확대를 비활성화해야 하나요?: 보통은 아닙니다. 확대를 비활성화하면 접근성이 저하되므로 강한 이유가 없는 한 user-scalable을 켜 두세요.
width=device-width는 무슨 일을 하나요?: 레이아웃 뷰포트를 기기 화면 너비에 맞추며, 반응형 디자인의 표준입니다.

관련 도구