解决Android下输入框聚焦时变大的问题

有个做Android的小伙伴最近在学前端开发,他真是一个超级小白,用哪个标签都不会。某一天他遇到这样一个问题,点击textarea会有放大的效果,他左思右想都想不出对策,最后跑来问我。
以下为我们的对话,哈哈哈。

Android: 手机上点击 <textarea>,会有点击放大的效果,可以去掉这个放大的效果吗。

我: 是不是右下角的小三角形啊

Android: 没有啊

我: 是什么效果,截图给我看看

然后,这个java小伙伴发了两张一模一样的截图,WTF你是在逗我吧。

xxx我是图xxx

Android: 一开始没有焦点是这样的

…我是图…

Android: 有焦点之后就放大了,整个页面就放大了

我: 整个页面放大了,我这都看不出效果。


……

然后我认真想了想。

……

我: 你的mate是怎么设置的,有没有禁止缩放?

Android: mate是什么啊。

可惜我忽略了这句话,转而去google搜了一把,然后我找了几个跟他描述相似的问题。

我:你这个是不是在安卓机才出现啊。

Android:怎么这么说

我: 我刚去谷歌搜了,看到有人说在安卓下才有这个问题,不知道和你说的是不是一种情况。

Android:发我看看

然后我把网址发给了他,接着我去吃饭了。我还特别交代如果这些方法都解决不了,就去stackoverflow搜索关键字android textarea focus
等我回来时,他说改好了,我问他怎么改的,他说user-scalable=no

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
我果然高估了这位小白同学,我觉得应该叫他小小白,毕竟这种问题不是谁都能遇上的。

以上就是这次bug的解决之路。

若有相似bug,可参考以下链接:

怎么让Android 浏览器焦点在文本输入框时不自动放大页面?
禁用放大安卓网页以上输入焦点