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

我正在为跨平台编写一个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;
} 

---

我很确定这和我的工作有关

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

不确定是否是这样，我想，无法想象Android会因为键盘的想法而使网站屏幕变小

我也不太清楚你为什么要在你的html，body上放置溢出：隐藏。

---

您能解释一下吗？

溢出：隐藏是指在浏览器中隐藏滚动条！bat如果是为了防止滚动条，那么它的主体有足够的宽度和高度，这难道不是键盘使站点屏幕变小的原因吗？。。在某个时候你需要滚动条。