您的位置:首页 > 移动开发 > Android开发

怎么让Android 浏览器焦点在文本输入框时不自动放大页面?

2016-07-29 00:01 435 查看
原文出自:http://www.zhihu.com/question/20041793

android上面的浏览器,点击网页上的文本输入框的时候,会自动把网页放大,请问一下网页代码上使用javascript之类的怎么可以取消这个功能?

结合网友的智慧给出以下方案:仅供参考

解决方案1:

只能通过设置input的字体来阻止:

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
select:focus,
textarea:focus,
input:focus {
font-size: 16px !important;
}
}


浏览器也许认为,只有input中的字体大于等于16px时用户才能看得清楚。

解决方案2:

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

禁止缩放试试

解决方案3:

nput,input:focus,input:active{user-select: text;}

有些android是可以的,这样的方法,可是因为adroid版本太混乱
不同的rom会造成不一样的结果

实在不行只能改变原来页面的重构了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐