3.1.4 安卓浏览器键盘输入改变弹出层的定位.md

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

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

.popup {

    position: absolute;
    bottom: 0;
}

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

bug解决:

给弹出层添加一个高度

.popup {
    position: absolute;
    bottom: 0;
    max-height: 80%;
}