开发移动端可能会遇到,比如登录页面:
1.掉起键盘的时候,页面底部定位的登录按钮会被键盘弹起,挡住输入框。
2.页面高度被压缩,背景图上移。
以下代码可以解决!
mounted() {
// 以下代码是为了解决安卓键盘压缩页面的问题
const height = window.innerHeight + "px";
document.querySelector(".login").style.height = height;
window.onresize = function () {
document.querySelector("#app").style.height = height;
};
},
注:.login类名 就是当前页面最外层的那个类名