Skip to main content

META Resize

META Resize

To support zoom and resizing, avoid disabling user scaling via the <meta name="viewport"> tag. Pages typically allow resizing when relative units are used, unless the viewport settings restrict it.

A generally accessible example is:

<meta name="viewport" content="width=device-width, initial-scale=1" />

Avoid viewport values that limit zoom, such as:

  • maximum-scale: values below 3 can prevent users from zooming to WCAG-recommended levels.
  • user-scalable=no (or 0): disables zoom and fails accessibility.

Even if some browsers ignore these settings, they should not be used, as they can block resizing for some users.

Last modified