Mobile Viewport Checker
Inspect a page's viewport settings so you can confirm that mobile browsers receive responsive layout instructions and identify configuration choices that may hinder scaling or zoom.
What this tool checks
Viewport Meta Configuration
Checks whether a viewport meta tag is present and reviews the settings it declares. Use the result to confirm that the page gives mobile browsers explicit layout guidance rather than relying on a desktop-style default viewport.
Device Width and Initial Scale
Reviews device-width and initial-scale directives so you can see whether the page is configured to size its layout against the device viewport. Treat the finding as a configuration check, then verify the rendered page across representative mobile layouts before changing production markup.
Zoom and Accessibility Restrictions
Flags viewport settings that restrict user zoom or scaling. Those restrictions can make content harder to use for people who rely on magnification, so remove them unless there is a well-supported accessibility reason for the current behavior.
Why Mobile Viewport Configuration Matters
The viewport declaration tells a mobile browser how to size and scale the page. Without suitable settings, a responsive layout can be rendered against a desktop-style width and then reduced to fit the screen, which can make text, controls, and spacing difficult to use. A correct viewport tag supports responsive rendering, but it does not replace testing the actual layout, tap targets, typography, and content behavior on mobile devices.
Frequently asked questions
Which viewport setting should I use for a responsive page?
For a typical responsive page, width=device-width, initial-scale=1 is the standard baseline to review. It tells the browser to match the layout viewport to the device width and start at the normal scale. After confirming the tag, test the page itself because responsive behavior still depends on CSS, content sizing, and component design.
Should I prevent users from zooming on mobile?
No. Avoid settings such as user-scalable=no that block or restrict zoom unless you have a specific accessibility-supported reason. People may rely on browser zoom or magnification to read and operate the page, so preserving user scaling is the safer default.