H5 input标签onfocus后安卓弹出键盘挤压问题(注意重点)

问题解决方案:

在input标签所在页,或者所需要的div里,设置固定的高度

$("").css("height",document.body.scrollHeight);

原理是把height固定,这样可以避免因为height的自适应和导致的键盘弹出挤压页面问题

 

下面是重点!!!!!!!

下面是重点!!!!!!!

下面是重点!!!!!!!

 

这个方法不适用于使用了vh、vw属性的页面布局

因为vh会根据页面的实际高度来定义自己的高度

所以无论怎样设置height的数字,因键盘产生的挤压问题都不会得到解决

你可能感兴趣的:(前端,HTML5,键盘弹出挤压,input标签)