title: What is the initial viewable area of a website on the iPhone?
body: <p>iPhone's resolution is 480*320. However, it has a global <strong>status bar</strong> at the top, and Safari uses an <strong>address bar</strong> and <strong>toolbar</strong>. How much vertical space do they take up? Or, what's the resolution on Safari's horizontal and vertical viewable area? </p>
  
  <p><img src="https://i.stack.imgur.com/tz2OD.png" alt="Safari on iPhone - How much of the webpage is visible?"></p>
  
  <hr>
  
  <p><strong>ANSWER SUMMARY</strong></p>
  
  <ol>
  <li>Status bar, 20 px</li>
  <li>Address bar, 60 px</li>
  <li>Toolbar, 44 px</li>
  </ol>