Disable iOS zoom for text inputs?

Question

I'm working on an iOS web app and I have the viewport set to not scalable via...

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

The problem is that when I focus on an input text field, it zooms in and doesn't zoom out:

enter image description here

How can I prevent this?

Looks like this might be a duplicate: http://stackoverflow.com/questions/5002854/disabling-mobile-safaris-focus-event-zoom — Alex Morales, Jan 12 '12 at 17:59

score 0 · Accepted Answer · answered Apr 05 '12 at 14:24

0

The problem was this tag,

-webkit-overflow-scrolling: touch;

It's been really buggy in iOS5, and after removing it from the div, the zoom problem did not happen again.

answered Apr 05 '12 at 14:24

Charlie

score 0 · Answer 2 · answered Apr 03 '12 at 12:00

0

I think the answer you are looking for is:

    <meta name="viewport" content="width=device-width; intial-scale=1; maximum-scale=1">

This prevents it from scaling.

answered Apr 03 '12 at 12:00

2 Answers2