title: IPHONE 4 and IPHONE 5 media queries on bootstrap
body: <p>need some help. I created a webpage in bootstrap. My problem was in media queries for IPHONE 4 and IPHONE 5, they both have 320px on portrait. but when i viewed my form IPHONE 4 and IPHONE 5 don't have the same height. here's my code on media queries at 320px portrait. IPHONE 5 extends the height compare to IPHONE 4. how can i set the height on portrait of IPHONE4 and IPHONE 5 at 320px?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div#rightCol_form.container{
     width:100%;
     height:140%;
       }</code></pre>
  </div>
  </div>
  </p>