解决h5表单点击input呼出键盘页面被顶起和压缩

最新推荐文章于 2024-09-30 21:15:00 发布

chensvv

最新推荐文章于 2024-09-30 21:15:00 发布

阅读量1.4w

点赞数 6

文章标签： vue h5 js

本文链接：https://blog.csdn.net/chensvv/article/details/81205417

版权

框架：vue

这个h5页用的是flex布局，没有用定位一类。

body，html给的是宽高100%；

思路是首先获取浏览器可视区的高度，然后把高度赋给页面根div

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

已经完美解决