html5 - 小米，微信浏览器兼容性问题

Question

如图 软件盘弹起的时候，没有把底部顶上去，目前只发现在小米微信浏览器有这种情况，有人遇到过么？用css解决的办法？

Answer 1

1、目前使用css无解。。只能使用js判断，类似于 input:focus 是设置 bottom
2、新建一个页面 https://github.com/maxzhang/maxzhang.git...

Answer 2

遇到同样问题了，有解决的吗？

Answer 3

你是用position：fixed定位到底下的吗
你可以用css简单解决：
当input 被 focus的时候将

input:focus{
      position:fixed;
      top:50px;
}

吧这个input移到上方，输入完成后又会自己回到原来位置

Answer 4

估计你用postion:fixed的原因，不止小米浏览器，所有iPhone都会这样。暂时无解。

Answer 5

这个可以用绝对定位解决，用可以参考下weiui的做法，兼容iOS小米，

Answer 6

监听window的resize;

Answer 7

.body {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}
@media (max-width: 768px) and (orientation: landscape) {
    .body {bottom: auto;height: 200%;}
}

我一般是这样写的，效果还不错