禁用iOS缩放文本输入?

时间:2012-01-12 14:39:51

标签: javascript css ios meta-tags

我正在开发一个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

2 个答案:

答案 0 :(得分:0)

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

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

这可以防止缩放。

答案 1 :(得分:0)

问题是这个标签,

-webkit-overflow-scrolling: touch;

这在iOS5中确实存在问题,在从div中删除之后,缩放问题再次没有发生。