Require Viewport Meta

ID

html.meta_viewport_require

Severity

low

Remediation Complexity

low

Remediation Risk

low

Remediation Effort

low

Resource

Reliability

Language

Html

Tags

reliability

Description

Flags a document whose <head> carries no <meta name="viewport">.

Rationale

Without a viewport meta, mobile browsers render the page at a desktop width and then scale it down, leaving text tiny and forcing the user to pinch-zoom. Declaring the viewport lets a responsive layout adapt to the device width as intended.

<head>                                                          <!-- FLAW — no viewport -->
  <title>Hi</title>
</head>

<head>                                                          <!-- OK — viewport declared -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

Remediation

Add <meta name="viewport" content="width=device-width, initial-scale=1"> inside <head>.

References