Viewport Meta Checker
Scan your HTML for the <meta name="viewport"> tag to detect responsiveness issues and zooming accessibility violations.
Viewport Meta Checker
Verify your mobile viewport configuration for responsive design and accessibility compliance.
HTML Source Code
Analysis Results
The Standard Viewport Tag
To make your website responsive, you must include this exact meta tag inside your <head>:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
What does it do?
width=device-width: Tells the browser to set the width of the page to follow the screen-width of the device. Without this, mobile browsers will assume a desktop width (usually 980px) and scale the page down, making text unreadable.initial-scale=1.0: Sets the initial zoom level when the page is first loaded by the browser.
Common Accessibility Anti-Patterns
Many developers mistakenly add maximum-scale=1.0 or user-scalable=no to the viewport content.
Never do this. Disabling zooming prevents users with low vision from zooming in on the page to read text. It is a severe violation of the WCAG (Web Content Accessibility Guidelines) and creates a frustrating experience for mobile users.
Related Guides
Deepen your understanding with our expert articles.