Prevent iPhone from zooming form? [duplicate]
This can be prevented by setting font-size:16px to all input fields.
UPDATE:This method no longer works on iOS 10.
It depend from the Viewport, you can disable it in this way:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>add user-scalable=0 and it should work on your inputs as well.
For iOS, you can avoid zooming of input elements by simply allocating a font size to them that's considered sufficient by the OS (>=16px), thus avoiding the need to zoom, e.g.:
input, select, textarea { font-size: 16px;}It's a solution also utilized by various frameworks and allows you to avoid the use of a meta tag.