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

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上放置溢出：隐藏。你能解释一下吗？