这是一个困境,我有一个网页(仅适用于 Android 设备),在该页面中我有一个输入框(特别是文本框),当它获得焦点时,浏览器会放大。我不希望它放大 - 声音容易,对吧?
这就是有趣的地方:我必须能够总体缩放,所以不要说
<meta name='viewport' content='user-scalable=0'>
那对我不起作用。
另外,输入框不接收点击事件。当单击另一个按钮以编程方式获取焦点时,它会出现。
这是我尝试过的方法,但到目前为止都失败了:
jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" />');
jQuery("#locationLock input").focus();
jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" />');
这也失败了:
<input type='text' onfocus="return false">
和这个:
jQuery("#locationLock input").focus(function(e){e.preventDefault();});
有任何想法吗?
以下对我有用(Android Galaxy S2):
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no;user-scalable=0;"/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)