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

Posted 2023-03-06

【中文标题】如何防止 Android Firefox 浏览器在打开软键盘时调整窗口大小

【英文标题】：how to prevent Android Firefox browser to resize window when soft keyboard is on

【发布时间】：2016-06-16 15:31:37

【问题描述】：

你好，我的开发者伙伴们。

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

感谢大家的宝贵时间。

【问题讨论】：

一个反应都没有？奇怪...

Android 上的 Firefox 不再有这个问题，但 Chrome 仍然存在。因此，您的问题可以回答我在此处看到的许多未回答的问题，这些问题是由 Chrome 软键盘调整大小的视口。

见：***.com/questions/52384678/…

【参考方案1】：

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