【问题标题】:how to prevent Android Firefox browser to resize window when soft keyboard is on如何防止 Android Firefox 浏览器在打开软键盘时调整窗口大小
【发布时间】: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 软键盘调整大小的视口。

标签: javascript android html css firefox


【解决方案1】:
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

【讨论】:

    猜你喜欢
    • 2016-02-13
    • 2019-02-22
    • 1970-01-01
    • 2015-10-18
    • 1970-01-01
    • 2020-09-25
    • 2012-07-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多