解决ios调用原生键盘把底部内容往上顶问题

  • Post author:
  • Post category:其他


现象:input表单输入时,调取原生键盘把底部position:absolute;内容往上顶了

问题产生原因:弹出键盘使网页脱离文档流的屏幕高度变小

解决方案:

1、使用常规布局,重新布局被顶内容,放回文档流—比如修改position:absolute;为posution:relative;

2、使用媒体选择器:

​
@media (max-height:535px){
    .bottom-img>img {
         width: 5rem;
    }
}

​



版权声明:本文为youngeffort原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。