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

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

1 个答案: