我正在使用iOS web应用程序,我有视口设置为不可伸缩的方式...为文本输入禁用iOS缩放?
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
的问题是,当我专注于一个输入文本字段,它会放大并没有按”牛逼缩小:
我如何避免这种情况?
原图:http://i.stack.imgur.com/N50Vg.png
我正在使用iOS web应用程序,我有视口设置为不可伸缩的方式...为文本输入禁用iOS缩放?
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
的问题是,当我专注于一个输入文本字段,它会放大并没有按”牛逼缩小:
我如何避免这种情况?
原图:http://i.stack.imgur.com/N50Vg.png
问题是这个标签,
-webkit-overflow-scrolling: touch;
它已经真正Buggy在iOS5中,并从div
取出后,缩放问题并没有再次发生。
我认为你正在寻找的答案是:
<meta name="viewport" content="width=device-width; intial-scale=1; maximum-scale=1">
这可以防止结垢。
我在OP中有同样的标签。 – Charlie 2012-04-05 14:23:41
看起来像这可能是一个重复:http://stackoverflow.com/questions/5002854/disabling-mobile-safaris-focus-event-zoom – 2012-01-12 17:59:35
该解决方案没有做任何事情。 – Charlie 2012-01-12 18:56:22