当输入android浏览器时，键盘使我的屏幕变小

Question

我正在为跨平台编写一个html页面，其中我有一些文本字段。当我尝试在android智能手机中输入文本框时，当我键入键盘时，它会使我的html页面更小，从而从页面中出现。

有人能告诉我为什么会这样吗？

下面是css代码：

    body { background:#ffffff; margin:0 } 

    html,body{ 
    overflow:hidden;
    }

   .mainbody {
      display:block; border:0px solid #cccccc; position:absolute;
      top:0vmin; left:0vmin; width:100%; height:100%; background:#ffffff;
    }

    .homeScreen1 {
     position:absolute;  
      display:block; border:0px solid #cccccc;
      background:#CDCDCD;
    }

.e-number{
     position:absolute; 
    left:11vmin;
    top:8vmin;
    font-size: 2.7vmin;
} 

Answer 1

我很确定这和什么有关；

.mainbody {
width:100%;
Height:100%;
}

不知道是不是这样想的，不能想象Android会让屏幕变得更小，因为键盘的想法.

我也不太清楚为什么要将溢出:隐藏的放在html中，body上。你能解释一下吗？