现象:input表单输入时,调取原生键盘把底部position:absolute;内容往上顶了
问题产生原因:弹出键盘使网页脱离文档流的屏幕高度变小
解决方案:
1、使用常规布局,重新布局被顶内容,放回文档流---比如修改position:absolute;为posution:relative;
2、使用媒体选择器:
@media (max-height:535px){
.bottom-img>img {
width: 5rem;
}
}
1、使用常规布局,重新布局被顶内容,放回文档流---比如修改position:absolute;为posution:relative;
2、使用媒体选择器:
@media (max-height:535px){
.bottom-img>img {
width: 5rem;
}
}