【bug】安卓浏览器键盘输入改变弹出层的定位

bug描述

在安卓浏览器中,有一个在页面底部的弹出层表单,样式如下:

.popup {

    position: absolute;
    bottom: 0;
}

当在这个弹出层输入内容,键盘自动弹出,弹出层的bottom值会改变成键盘的高度,有可能使输入框超出屏幕的高度。

bug解决

给弹出层添加一个高度

.popup {
    position: absolute;
    bottom: 0;
    max-height: 80%;
}
原文地址:https://www.cnblogs.com/fayin/p/6826431.html