Viewport Meta Mobile Check

The page loads on a phone looking like a shrunken desktop, with two-millimetre type and mandatory pinch zoom. Nine times out of ten the culprit is a single line: a missing viewport meta, or one carrying a bad value inherited from an old template. It slips through code review because nobody reads the head carefully.

Paste the whole tag, not just its content value. The check runs three independent tests: it looks for the meta name viewport tag, for width equal to device-width, and for initial-scale equal to 1 or 1.0. It also warns when it finds user-scalable no. That is why the value prefilled in the field, which is only the attribute content, comes back as failing for a missing tag — paste the complete line from your head and the verdict flips to OK.

Two limits worth knowing. The match is textual and unanchored, so initial-scale=1.5 passes because the 1 matches; eyeball the value yourself. And maximum-scale=1, which together with user-scalable no stops readers from zooming, is not flagged here — avoid both. A correct viewport is the first item of mobile friendliness, not the only one: font size, tap target spacing and horizontal overflow matter too. Runs in the browser.