How to disable zooming capabilities in responsive design with HTML5?

To disable zooming capabilities in responsive design, you need to create a META viewport tag.

With that, set the user-scalable property to 'no' like −

user-scalable=no

Add the following in your HTML code to disable zooming capabilities in responsive design −

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

Ankith Reddy

Updated on: 25-Jun-2020

629 Views

Kickstart Your Career

Get certified by completing the course

Get Started