HTML

HOW TO DISABLE PINCH-ZOOM 

(quick & simple examples)

INSERT THIS VIEWPORT META TAG INTO THE <HEAD> SECTION.

<meta name="viewport" content="   SET TO DEVICE WIDTH   width=device-width,   INITIAL AND MAX ZOOM 1.0X   initial-scale=1.0,    maximum-scale=1.0,    NO SCALE/ZOOM ALLOWED   user-scalable=no "/>

DISABLE PINCH ZOOM

01

BECAUSE NOT EVERYONE HAS PERFECT EYESIGHT.

<meta name="viewport" content="   SET TO DEVICE WIDTH   width=device-width,     INITIAL ZOOM 1.0X   initial-scale=1.0,      MAX ALLOWED ZOOM 2.0X   maximum-scale=2.0 "/>

ZOOM IN ONLY

02