Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to make the Zooming of the web page disabled?

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 121
    Comment on it

    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. 

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: