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

Question

我在 android 平板电脑中遇到问题，其页面包含输入字段。每当有人在输入字段上粘贴以输入内容时，软键盘就会打开，输入字段看起来会被挤压，如图所示。我在下面使用 css:

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

Answer 1

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

也许尝试在正文中添加一个 min-height，这样它的 children 就不会在 window 变得太小时受到影响：

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

Giving Height in percentage squeezes input fields when soft keyboard opens in android tablets