Disabling Pinch-to-Zoom

All text content must be zoomable.

In a <meta name=”viewport”... > element

  • Don’t set user-scalable=”no”

  • Don’t use maximum-scale

Why not?

Users with low vision depend on the ability to zoom content.

  • We must not disable the use of the native browser zoom.

  • We must not dictate how much a user can zoom the page.

The user has the right to make their experience useful for them even though others might not like the way it looks. The ability to pinch/zoom is an expected gesture for these devices, we should not remove this functionality.

Browser Oddities

It seems that not all browsers support meta viewport. If you're unable to reproduce this issue, please refer to one of the mobile browsers below.

Seems to support meta viewport

  • Chrome for iOS

Doesn't seem to support meta viewport

  • Safari for iOS

Exceptions

Disabling pinch-to-zoom only makes sense in certain situations: a game, image editing or mapping application, for example.

Last updated