0

I am writing a html page for cross platform,where i have some text fields. when i try to type inside a text box in an android smartphone, when i type the keyboard is coming out, but it makes my html page smaller inside to come up from the page.

Can someone tell me why its doing this?

Here is the css code: 

    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;
}
4

1 回答 1

0

我很确定这与它有关；

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

不确定是否是这样的想法，无法想象Android会为键盘的想法缩小站点屏幕......

我也不太清楚你为什么要把overflow: hidden放在你的html body上。你能解释一下吗？

于 2013-07-05T12:14:53.947 回答