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

Question

我在安卓平板电脑中遇到了一个问题，页面上有输入字段。每当有人在输入字段上粘贴输入软键盘打开时，输入字段就会被挤压，如图中所示。我在css下面使用：

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

Answer 1

问题是您要相对于窗口大小设置尺寸;当软键盘打开时，窗口会调整大小。因此，如果您的页面始终是相对的，那么当它太小时会导致问题。

也许尝试在身体上添加min-height，以便在窗口太小的情况下，其子女不会受到影响：

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