【问题标题】:Eliminating auto zooming in mobile safari textarea widget?消除移动 safari textarea 小部件中的自动缩放?
【发布时间】:2011-01-13 04:41:26
【问题描述】:

我为 iPhone 开发了一个 Web 应用程序,它有一个带有 textarea 小部件的页面。当我开始编辑这个 textarea 小部件的内容时,Safari 会放大并使文本变得非常非常大。现在我再也看不到文件了,只有一张邮票大小的文件。

我可以设置任何属性来阻止移动 Safari 执行此操作吗?我只希望 textarea 字体在编辑文本时保持相同的大小。谢谢。

【问题讨论】:

    标签: ios fonts textarea mobile-safari zooming


    【解决方案1】:

    您可以添加:

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

    到您的 HTML 标头。

    【讨论】:

    • 这对用户非常不利。请不要通过maximum-scale=1.0user-scalable=no 阻止用户缩放。
    • 虽然对于网站我可以同意,但对于您想要真正防止用户缩放的情况,这是一个有效的提示。我相信你不能普遍地说这对 UX 不利。视情况而定。
    【解决方案2】:

    您需要将您的 textarea font-size 设置为 16px 并拥有 initial-scale1.0

    但是,如果您的应用并非真正为 iPhone 设计,也就是说,如果它本质上是一个用户应该能够扩展的普通网页,那么您可能应该接受它。对你的用户做的最糟糕的事情是向他们展示他们无法缩放的 6pt 文本,你知道吗?他们中的一些人没有完美的视力。

    另请参阅:Apple's list of all Safari/iOS special meta tags

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-06-27
      • 1970-01-01
      • 1970-01-01
      • 2012-10-09
      • 1970-01-01
      • 1970-01-01
      • 2020-07-03
      • 2012-10-27
      相关资源
      最近更新 更多