刚接触移动端开发，请教下移动端使用vh，vw单位做布局，点击输入框后键盘弹出会挤压内容怎么处理？

Question

Answer 1

中间部分做成可滚动的

Answer 2

var h = document.body.scrollHeight;
    window.onresize = function(){
        if (document.body.scrollHeight < h) {
            document.getElementsByTagName("nav")[0].style.display = "none";
        }else{
            document.getElementsByTagName("nav")[0].style.display = "block";
        }
    };

Answer 3

<meta name="viewport" id="viewportMeta">

var initViewport = function(height){

var metaEl = document.querySelector("#viewportMeta");
var content = "height=" + height + ",width=device-width,initial-scale=1.0,user-scalable=no";
metaEl.setAttribute('name', 'viewport');
metaEl.setAttribute('content', content);

}
var realHeight = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight
initViewport(realHeight);