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

Question

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

Answer 1

用媒体查询：

@media (max-height: 400px) { 
  .footer {  
    display: none;
  }
}