android - 当软键盘打开时,如何使 chrome 主屏幕 Web 应用程序窗口调整高度?

标签 android google-chrome responsive-design homescreen

我在网络应用程序中设置了元标记,以允许 android chrome 用户将应用程序添加到他们的主屏幕。

我使用了 chrome 31+ 支持。

<meta name="mobile-web-app-capable" content="yes">

当表单输入获得焦点时,会出现软键盘。

在 chrome 浏览器应用程序中,窗口大小垂直缩小以补偿软键盘。

在主屏幕应用程序中,窗口不会垂直调整大小,因此当软键盘打开时,用户需要关闭软键盘才能查看被软键盘隐藏的内容或输入。软键盘打开时,我无法滚动到 View 底部。

编辑:此处记录相关问题:https://github.com/jquery/jquery-mobile/issues/8132

最佳答案

使用这个元 <meta name="viewport" content="width=device-width, initial-scale=1">

在这里阅读更多信息 https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

关于android - 当软键盘打开时,如何使 chrome 主屏幕 Web 应用程序窗口调整高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28429721/

相关文章:

android - 访问无线和网络设置页面

android - android和ios有多少个端口号?

android - android中Imageview的按钮类点击效果

javascript - 如何将值传递给 chrome.tabs.create 打开的新标签页?

css - div 的固定背景在 chrome 中不起作用

html - 缩放图像以适合卡片且不与标题重叠

安卓命令行

javascript - <object> 标记在 Chrome 中更改其数据属性时不会刷新

Css - 将一个 float 列调整为与另一个 float 列相同的高度

html - 如何在响应页面上的 div 中垂直和水平居中放置两个图像