移动端rem布局，在有虚拟键盘的手机上，下方fixed的tab被虚拟现实键盘遮挡，怎么解决

Question

• 问题：移动端app，用rem布局，在有虚拟键盘的手机上（安卓手机，比如华为、oneplus，内容区域被虚拟键盘遮挡。

• 解决：试着让原生解决，一直解决不了。

• 具体问题截图：

• 补充：以为是fixed定位的问题，但是试着让内容充满全屏幕，发现问题依旧存在。想实现qq这样的效果，求方法。

• 
  

Answer 1

原生端解决，改了webview高度，带快捷键的手机，快捷键出来后，会自动显示到下方，不会影响布局。

Answer 2

其实这种更常见的是检测屏幕的高度，如果高度变化未一个值，说明键盘弹起，这是innerHeight是会变小的，这时就js重新做个定位