有个做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,可参考以下链接: