title: Why is my web page left-aligned on iPad?
body: <p>I recently built a site and centered it using <code>margin: 0 auto</code>. I also wrapped elements in a <code>.wrapper</code> class with a width set to 960px and then had the parent element extend across the whole browser.</p>
  
  <p>When I view <a href="http://www.propet.com/brands/index.php" rel="nofollow noreferrer">the Brands screen</a> on an iPad though, the site is left-aligned and does not extend across the whole window. Any thoughts to why this might be happening, and how to correct it? </p>
  
  <p>See below for a screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/3pYVz.png" alt=""></p>