web键盘弹出 安卓部分手机可视区域不变，大家怎么解决input框被挡住的问题啊

Question

web键盘弹出安卓部分手机可视区域不变，大家怎么解决input框被挡住的问题啊window.addEventListener('resize',function(){alert(0)})这样监听，发现当键盘弹出时候没有弹出alert

Answer 1

安卓手机会自动把input给露出来的，我曾经做项目的时候遇到过这个问题，主要是因为高度height设置为一个百分比数值了。你可以用JS在input获得输入焦点的时候，把高度设置为一个定高，在失去焦点的时候再设置回来。最好定高设置为window.screen.height否则可能会有页面大部分留白或者截断
                            

Answer 2

可以设置页面body宽高等于设备宽高，键盘弹出时候设备高度会有变化，js判断宽高比大于一定数值时候，设置overflow-y为auto显示滚动条,大概input也不会被挡住