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

Question

你好，我的开发人员。

我正在构建一个 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

谢谢大家的时间。

Answer 1

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