title: iOS 8: blank gap at bottom of full screen Safari home screen page
body: <p>Please forgive any breaches of protocol and correct me if need be: long-time reader, first-time poster here. I could not find any solutions online that worked or were terribly recent and I was wondering if anyone else had encountered this.</p>
  
  <p>I've been enabling full screen on a web page with meta tags and adding a shortcut to the home screen. I recently upgraded to iOS 8.0.2 on an iPad Air and have noticed that the status bar information (iPad, Wifi, Clock, battery, lock) are now on top of the top edge of the website window instead of over an unusable black status bar. As well, there seems to be white dead space now at the bottom of the page, probably displacing the now non-existent status bar.</p>
  
  <p>Does anyone know how I can either revert back to having the status bar or use the bottom part of the page using javascript?</p>
  
  <p>Many thanks for any help you can provide. I've attached some screen shots and some brief code below.</p>
  
  <p>Cheers,
  Kurt</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
      &lt;meta name="apple-touch-fullscreen" content="yes"&gt;
      &lt;meta id="extViewportMeta" name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"&gt;
    &lt;/head&gt;
      &lt;title&gt;Full Screen&lt;/title&gt;
    &lt;style&gt;
    body {
      background: #0000FF;
      font-size: 140pt;
    }
    &lt;/style&gt;
    &lt;body&gt;
      A&lt;br /&gt;B&lt;br /&gt;C&lt;br /&gt;D&lt;br /&gt;E&lt;br /&gt;F&lt;br /&gt;G&lt;br /&gt;H
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Images here:
  <a href="http://postimg.org/gallery/2cm224s78/" rel="nofollow">http://postimg.org/gallery/2cm224s78/</a></p>