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;）。我使用的元标记略有不同：

＆LT; meta name =＆＃34; viewport＆＃34; content =＆＃34; width = device-width，initial-scale = 1，user-scalable = no＆＃34;＆gt;

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

1 个答案: