title: Mysterious White Space at bottom of Web Page in Mobile-Chrome
body: <p>I've looked at many "mysterious white-space at bottom of page" issues here on SO, and played with the <code>viewport</code>tag many times, but I still cannot figure out what I'm doing wrong!</p>
  
  <p>The page in question is: <a href="http://www.seniorchoicesunl.com/error_documents/error401.php" rel="noreferrer">http://www.seniorchoicesunl.com/error_documents/error401.php</a></p>
  
  <p>Here's what it looks like on mobile from Chrome Dev Tools:<a href="https://i.stack.imgur.com/Y6CmM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Y6CmM.png" alt="enter image description here"></a></p>
  
  <p>Any Ideas on what I'm doing wrong?</p>
  
  <p>Edit:</p>
  
  <p>setting <em>ANY</em> <code>initial-scale</code> is bad news! It makes the font too tiny!
  Take a look:
  <a href="https://i.stack.imgur.com/ObSBp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ObSBp.png" alt="enter image description here"></a></p>
  
  <p>The desired mobile look, while keeping the desktop and tablets as-is, is this:</p>
  
  <p><a href="https://i.stack.imgur.com/wtPY2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wtPY2.png" alt="enter image description here"></a></p>
  
  <p>P.S. Fixing this issue could reciprocally fix other related issues I'm having with other webpages.</p>