触发键盘时，CSS隐藏布局的底部部分

Question

我有一个webapp我正在尝试做出响应，我在我的Android 5.2手机上遇到问题，当我点击输入时，它显示键盘，表格被推下来我认为，留下这个丑陋键盘显示时底部的白色区域。

我在包含背景图片的元素上使用100vh，这可能是导致问题的原因吗？

我将链接下面从我的手机拍摄的问题的图像。 有没有人遇到过这个问题？你是怎么解决的？

Answer 1

用于小屏幕设备：

  body{
   -webkit-box-sizing:border-box;
    box-sizing:border-box;}

Answer 2

新手错误，你必须不应该使用vh作为高度，只要让内容定义高度，如果有必要定义最小高度，只要向下滚动，就会在移动设备上混乱。