虚拟按键手机页面高度自适应

华为系手机、谷歌亲儿子 Nexus 系列等配备的都是虚拟按键，虚拟按键唤出与隐藏会导致页面的高度变化，如果没有对内容高度进行适应，会出现页面内容被覆盖，或者页面空出一段留白，实验室用华为的同学挺多的，包括我，所以难免在调试页面的时候遇到这个问题，做个笔记先，欢迎补充指正。

其实原理很简单，要达到的效果是底部 Tab 随着虚拟按键的变化而适应。

tab{
    position: fixed;
    bottom: 0px;
}