怎么让Android 浏览器焦点在文本输入框时不自动放大页面?
2016-07-29 00:01
435 查看
原文出自:http://www.zhihu.com/question/20041793
android上面的浏览器,点击网页上的文本输入框的时候,会自动把网页放大,请问一下网页代码上使用javascript之类的怎么可以取消这个功能?
结合网友的智慧给出以下方案:仅供参考
解决方案1:
只能通过设置input的字体来阻止:
浏览器也许认为,只有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会造成不一样的结果
实在不行只能改变原来页面的重构了
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会造成不一样的结果
实在不行只能改变原来页面的重构了
相关文章推荐
- 怎么让Android 浏览器焦点在文本输入框时不自动放大页面?
- css怎么让Android 浏览器焦点在文本输入框时不自动放大页面
- Android-->输入框自动提示文本, 失去焦点自动输入
- HTML页面中input元素在android浏览器中获得焦点后页面放大解决方法
- Android---Android让文本输入框默认不获取焦点
- 完美解决 Android WebView 文本框获取焦点后自动放大问题
- 解决手机浏览器上input 输入框导致页面放大的问题(记录)
- 解决 Android WebView 文本框获取焦点后自动放大问题
- 改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘(数字)
- Android防止页面跳转后EditText自动获取焦点
- 进入页面EditText取消焦点防止自动弹出输入框
- 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。
- IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决
- Android 如何让EditText不自动获取焦点 在项目中,一进入一个页面, EditText默认就会自动获取焦点。 那么如何取消这个默认行为呢? 在网上找了好久,有点 监听软键盘事件
- 处理android手机html5页面中,点击text文本框无法自动获取焦点的处理方法
- android2.2中默认浏览器无法使用手势放大缩小页面的问题定位
- Android让文本输入框默认不获取焦点
- Android EditText 的<requestFocus />用于点击tab键或enter键焦点自动进入下一个输入框
- 改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘
- android 加载web view的时候,点击输入框,导致页面放大的问题解决方法