当软件键盘打开时，保持页脚可见

Question

我正在为移动设备开发一个网页。我有一个页脚，我希望在软件键盘打开时保持可见。 当我在谷歌上搜索如何做到这一点时，我只发现有人抱怨这个问题并试图阻止它发生。但我的情况正好相反。当键盘打开时，它只会覆盖页脚。如何使页脚粘在键盘顶部？ 我的css如下：

#keyboard {
width: 100%;
height: 100px;
background: grey;
padding-left: 0px;
position: fixed;
bottom: 0;
overflow: scroll;
}

我有一个元标记

<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

您的帮助将不胜感激

Answer 1

我的网站确实包含一个具有相同CSS属性的页脚(它也具有display:block;(。我使用的元标记略有不同：

<元名称 内容="宽度=设备宽度，初始比例=1，用户可扩展=否">