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

plu*_*ion 5 android google-chrome homescreen responsive-design

我在Web应用程序中设置了元标记,以允许Android Chrome用户将应用程序添加到其主屏幕.

我使用了chrome 31+支持.

<meta name="mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)

当聚焦表单输入时,将出现软键盘.

在Chrome浏览器应用程序中,窗口大小垂直减小以补偿软键盘.

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

编辑:相关问题记录在这里:https://github.com/jquery/jquery-mobile/issues/8132

ppo*_*ono 0

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

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