html手机输入框是变形,H5输入框在输入信息的时候 页面会变形 并且在页面不变形的时候 键盘会遮挡 输入框的解决办法...

$(document).ready(function () { $(‘body‘).css({‘height‘:$(window).height()})});//这行是解决输入框在输入信息弹出键盘后页面变形

$(function () {

//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

window.addEventListener("resize", function () {

if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {

window.setTimeout(function () {

document.activeElement.scrollIntoViewIfNeeded();

}, 0);

}

})

})

原文：https://www.cnblogs.com/lzk318/p/9247910.html