2012-01-12 39 views
0

我正在使用iOS web应用程序,我有视口设置为不可伸缩的方式...为文本输入禁用iOS缩放?

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

的问题是,当我专注于一个输入文本字段,它会放大并没有按”牛逼缩小:

enter image description here

我如何避免这种情况?

原图:http://i.stack.imgur.com/N50Vg.png

+0

看起来像这可能是一个重复:http://stackoverflow.com/questions/5002854/disabling-mobile-safaris-focus-event-zoom – 2012-01-12 17:59:35

+0

该解决方案没有做任何事情。 – Charlie 2012-01-12 18:56:22

回答

0

问题是这个标签,

-webkit-overflow-scrolling: touch;

它已经真正Buggy在iOS5中,并从div取出后,缩放问题并没有再次发生。

0

我认为你正在寻找的答案是:

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

这可以防止结垢。

+0

我在OP中有同样的标签。 – Charlie 2012-04-05 14:23:41