title: When typing in android firefox browser the keyboard is making my screen smaller
body: <p>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. </p>
  
  <p>Can someone tell me why its doing this? </p>
  
  <p>Here is the <strong>css</strong> code: </p>
  
  <pre><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;
  } 
  </code></pre>