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">