以百分比形式给出高度当在Android平板电脑中打开软键盘时输入字段

Question

我在具有输入字段的页面的Android平板电脑中遇到问题。每当有人在输入字段上输入某个软键盘时会打开一个输入字段，看起来就像图像中看到的那样受到挤压。我使用下面的CSS：

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

Answer 1

的问题是，要设置相对于窗口大小的尺寸;当软键盘打开时，窗口被调整大小。所以如果你的页面总是相对的，那么当它太小时会引起问题。

也许尝试将min-height补充人体，使其子女不会得到受影响，如果窗口变得太小：

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