h5页面在安卓手机上点击input页面被挤上去怎么解决，

Question

我用的是flex布局

这是安卓手机打开后显示的效果 点击input把整个布局顶上去了

在网上找的解决办法都不管用，大神帮帮忙，跪谢

Answer 1

自己写了一下，已经解决了，思路是首先获取浏览器可视区的高度，然后把高度赋给页面根div

    var hrt = document.documentElement.clientHeight; //获取当前可视区域的高度存到hrt变量
    window.onload = function(){ //在页面整体加载完毕时
        document.getElementById('app').style.height= hrt+'px'//把获取到的高度赋值给根div
    }

##

Answer 2

给页面加垂直滚动条

Answer 3

试试fixed