【问题标题】:Disable iOS zoom for text inputs?禁用文本输入的 iOS 缩放?
【发布时间】:2012-02-08 20:18:42
【问题描述】:

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

【问题讨论】:

标签: javascript css ios meta-tags


【解决方案1】:

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

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

这可以防止它缩放。

【讨论】:

  • 我的 OP 中有同样的标签。
【解决方案2】:

问题是这个标签,

-webkit-overflow-scrolling: touch;

iOS5确实有bug,从div去掉后,缩放问题就没有再出现了。

【讨论】:

    猜你喜欢
    • 2022-01-05
    • 2020-09-09
    • 1970-01-01
    • 1970-01-01
    • 2020-12-06
    • 2019-06-02
    • 2018-02-20
    • 1970-01-01
    • 2011-10-27
    相关资源
    最近更新 更多