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: 2020-06-25T07:02:19+05:30

805 Views

Get certified by completing the course