当在 android 平板电脑中打开软键盘时，以百分比给出高度会挤压输入字段

Question

我在带有输入字段的页面的 android 平板电脑上遇到问题。每当有人在输入字段上用胶带输入内容时，软键盘会打开输入字段，如图所示。我正在使用下面的css：

 html,body{
    height:100%;
  }
  .form{
   height:100%;
  }
  .container{
    height:100%;
  }

Answer 1

问题是您正在设置相对于窗口大小的尺寸；当软键盘打开时，窗口会调整大小。所以如果你的页面总是相对的，那么当它变得太小时就会导致问题。

也许尝试在 body 中添加一个min-height，这样如果窗口太小，它的孩子就不会受到影响：

html,body{
   min-height: 300px;
   height: 100%; 
}