On viewing the responsive website in our mobile device, the responsiveness of the website can be maintained via @media queries but on double click to the web page it will make a zoom effect in the device and than the horizontal scroll will appear in your web page.

To disable this thing we can simply make the change in the meta tag like this:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

It will remove all the zooming and scaling of the webpage.

Here we can see many properties in the meta tag, we will discuss it one by one:

1. initial-scale: The role of the initial scale is to control the zooming level of the webpage.
2. maximum-scale: The role of maximum-scale is to control the amount of zoom out of the web page.
3. minimum-scale: The role of minimum-scale is to control the amount of zoom out of the web page.
4. user-scalable: The role of user-scalable is to control the zoom in and zoom out of the web page with values yes and no.

Hope this information will help you make your website more friendly and zoom free.