This check finds a missing viewport meta tag or one that does not specify an appropriate width or initial scale for responsive rendering.
Why this matters
Without the setting, mobile browsers may render the page in a wide virtual viewport and shrink it. Text, controls, and responsive breakpoints then appear smaller or behave differently than intended.
How to fix it
- Add
<meta name="viewport" content="width=device-width, initial-scale=1">once in the shared document head. - Remove duplicate or conflicting viewport declarations.
- Use responsive CSS instead of fixed desktop widths.
- Do not disable zoom with
user-scalable=noor a restrictive maximum scale.
When the finding appears across many URLs, fix the shared component or layout that produces it instead of patching generated HTML page by page. Recheck representative templates and responsive states after deployment so the correction does not create a regression elsewhere.
How to verify the fix
Inspect the final head and test narrow viewports on representative page templates. Confirm layouts fit the device width without unintended horizontal scrolling and remain usable when zoomed.
Keep before-and-after evidence for the affected URL, original output, correction, and verification method. If markup changes after load, test consent states, localization, responsive variants, and client-side navigation because the initial HTML and rendered DOM can differ.