Search code examples
htmlcssresponsive-designmeta-tags

How to disable zooming capabilities in responsive design?


How can I disable zoom-in and zoom-out capability in responsive design pages while using iPad, iPhone and/or some other smartphone.

Is there any way to control it?


Solution

  • Create a META viewport tag, and set the user-scalable property to 'no', like this:

    <meta name="viewport" content="user-scalable=no" />
    

    Updated answer:-

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">