消除移动safari textarea小部件中的自动缩放？

Question

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

我可以设置哪些属性可以让移动Safari不受此影响吗？我只想在编辑文本时让textarea字体保持相同的大小。感谢。

Answer 1

您可以添加：

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

到你的HTML标题。

Answer 2

您需要将textarea font-size设置为16px并initial-scale 1.0。

但是如果你的应用程序不是真的专为iPhone设计的，也就是说，如果它本质上是一个普通的网页，用户应该能够扩展，那么你应该可以随心所欲地使用它。对你的用户做的最糟糕的事情是向他们展示他们无法放大的6pt文字，你知道吗？他们中的一些人没有完美的视力。

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