뷰포트 메타 태그 생성기
모바일 반응형 페이지에 필요한 viewport meta content 값을 옵션별로 생성합니다.
이 도구에 대해
모바일 브라우저에서 레이아웃 폭과 확대 동작을 제어하는 viewport meta 태그를 생성합니다.
PWA, iOS safe area, 반응형 레이아웃을 점검할 때 기본 설정을 빠르게 만들 수 있습니다.
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›새 HTML 템플릿이나 정적 페이지의 viewport 태그를 작성합니다.
- ›viewport-fit cover, 확대 허용 여부, 배율 값을 비교합니다.
- ›모바일 레이아웃 QA 전에 head 태그 설정을 점검합니다.