How can I “disable” zoom on a mobile web page?

Question

I am creating a mobile web page that is basically a big form with several text inputs.

However (at least on my Android cellphone), every time I click on some input the whole page zooms there, obscuring the rest of the page. Is there some HTML or CSS command to disable this kind of zoom on mobile web pages?

Answer 1

You can “disable” zoom on a mobile web page by using the code given below:

<meta 

     name='viewport' 

     content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' 

/>