webapp中绝对定位/固定定位与虚拟键盘冲突的问题

Question

webapp中最底下一般会有一些功能按钮，用absolute或者fixed固定在最底下，这个在pc端不会有什么问题，但是移动设备有时候会弹出虚拟键盘，导致布局有一定混乱，而且在闪现的时候容易引起误操作。

不知道大家有什么综合的解决方案去解决这个问题？

Answer 1

用媒体查询：@media (max-height: 400px) {    .footer {       display: none;   } }