当软键盘打开时,如何防止Android Firefox浏览器调整窗口大小

时间:2016-03-03 10:44:34

标签: javascript android html css firefox

我的开发人员大家好。

我正在构建一个Web应用程序,我在Android上遇到Firefox浏览器问题。当我点击文本字段时,软键盘会弹出,它会调整整个窗口的大小,从而破坏我的CSS布局。

我设法通过Android Chrome克服了这个问题,使用以下脚本:

var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width,height='+window.innerHeight+', initial-scale=1.0';
document.getElementsByTagName('head')[0].appendChild(meta);

但是,似乎Firefox浏览器没有遵循上述规则并继续调整窗口大小。

请不要将我的问题与原生Android应用程序混淆,我说的是一个Web应用程序,只是HTML,CSS,JavaScript

谢谢大家的时间。

1 个答案:

答案 0 :(得分:0)

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />