相关疑难解决方法(0)

我正在创建一个移动网页,它基本上是一个包含多个文本输入的大表单.

但是(至少在我的Android手机上),每次点击某些输入时,整个页面都会缩放,遮挡页面的其余部分.是否有一些HTML或CSS命令可以在moble网页上禁用这种缩放？

这是困境,我有一个网页(仅适用于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();});

有任何想法吗？

我希望我的网页全屏显示并禁用所有移动设备上的缩放.

使用元标记:

<meta name="viewport" content="width=1165, user-scalable=no">

我能够为iPhone/iPad做到这一点,但在Android设备上,网站的放大率约为125%.

如果我使用标签

<meta name="viewport" content="width=max-device-width, user-scalable=no">

我得到相反的结果.那么它适用于Android,但它不适用于iPad/iPhone.