在我的web应用程序中，我有一个小屏幕的粘性页脚。问题是粘脚会根据键盘的状态上下跳动。
我正在寻找它是由移动键盘覆盖。下面是粘贴页脚的css样式
width: 100%;
position: fixed;
bottom: 0;
height: 85px;
left: 0;
right: 0;
有解决这个问题的方法吗?
对于较小的屏幕/触屏，最好使用固定以外的东西，因为你必须考虑到许多不同的问题。键盘问题是一个，将设备转换为viewport: landscape是另一个问题。它还会导致滚动问题，因为触摸设备在滚动完成之前不会呈现某些内容(这意味着元素会根据用户滑动手指滚动的速度而做出不同的反应)。最好是让一个网站在大多数时候都是可靠的，而不是必须弄清楚和考虑所有不同的可能情况。
即使是"桌面"设备，如果你可以做一些没有固定定位的事情，那就去做吧。在这些情况下，使用固定定位更像是一种捷径，而不是最佳实践。
有很多方法可以在不使用固定位置的情况下创建一个"粘性"页脚，这将有助于保持你的网站在大多数设备上的最佳观看体验。如果你在谷歌上搜索"粘脚"，你会发现很多很棒的选择。- Ryan Fait的CSS粘贴页脚
- CSS-Tricks粘贴页脚
- 引导页脚示例