安卓H5页面软键盘顶起页面底部.md 735 B

网上有不少解决这个问题的办法,大致的思路就是通过JS监听高度的改变,来确定输入法是不是弹出了,然后对不希望展示的内容做特殊的处理。例如这篇文章就写得很好移动端那些戳中你痛点的软键盘问题及解决方法 - 掘金 (juejin.cn)

 但是其实有更简单的办法可以解决,通过媒体查询可以纯CSS就解决这个问题。添加CSS代码如下
@media (min-aspect-ratio: 13/20) {
  .button {
    display: none;
  }
}

安卓H5页面软键盘顶起页面底部 移动端那些戳中你痛点的软键盘问题及解决方法