How can I "disable" zoom on a mobile web page?

html css mobile
Martín Fixman picture Martín Fixman · Dec 17, 2010 · Viewed 399.4k times · Source

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 moble web pages?

Answer

kgutteridge picture kgutteridge · Dec 17, 2010

This should be everything you need :

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

Related questions

Make an image responsive - the simplest way

I notice that my code is responsive, in the fact that if I scale it down to the size of a phone or tablet - all of the text, links, and social icons scale accordingly. However, the ONLY thing that …

Read More
Check box size change with CSS

How can I change check box sizes (globaly) without class and id? Is it possible to do this in a way different from: input[type=checkbox] { zoom: 1.5; }

Read More
:touch CSS pseudo-class or something similar?

I am trying to make a button, such that when the user clicks on it, it changes its style while the mouse button is being held down. I also want it to change its style in a similar way if …

Read More