title: Why is the width of my safari viewport on my iPad only 768px instead of 1028px?
body: <p>Everywhere I read, the width of the screen on the Ipad 1 is 1024 x 768.</p>
  
  <p>I have built a site using bootstrap and the collapsable nav button appears when viewing the site in landscape mode on my iPad. It should not. It should only appear for viewports that are less than 1024px in width.</p>
  
  <p>I then sniffed out the width as jQuery sees it using $(window).width(); and it is reporting only 768px x 467px;</p>
  
  <p>I have the following metatag:</p>
  
  <p>meta name="viewport" content="width=device-width"</p>