之前做手机端的H5网页,为了自适应手机屏幕一般都会加上标签:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1,maximum-scale=1">
在Android上这么设置没有任何问题,但是IOS中,UIWebView原本默认情况下网页是不可放缩的,但是在带有输入框的在有输入框的情况下,双击输入框,神奇的事情就发生了,H5网页又放大了。经过反复研究发现(
请参考这里),猫腻藏在了
user-scalable标签:
。。。不知道网上盛传的user-scalable=0是哪来的,标准参数应该是“yes”或者“no”,于是改了这个参数为no,果断成功,再次双击输入框不会放缩了。
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
记录一下,以后也给遇到同样问题的伙计们一个参考