如何防止安卓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。

感谢大家的时间。

- Panos Vakalopoulos

---

没有任何反应？奇怪了... - Panos Vakalopoulos

我在安卓上使用Firefox时不再遇到这个问题，但在Chrome上仍然存在。因此，你的问题对于我在这里看到的许多未回答的关于Chrome软键盘调整视口大小的问题有一个答案。 - plugincontainer

请参见以下链接：https://dev59.com/oFQK5IYBdhLWcg3wJMm0 - plugincontainer

Answer 1

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

- Pogromca Motyli