title: iPhone 5 screen size VS CSS media query
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/12539697/iphone-5-css-media-query">iPhone 5 CSS media query</a>  </p>
  </blockquote>
  
  
  
  <p>The iPhone 5 tech spec states screen dimension of 1136 by 640</p>
  
  <p>My question is this, </p>
  
  <p>For landscape, ff I am to use the <strong>max-device-width of 568px</strong>
  refer to <a href="http://www.stephentgilbert.com/mediaqueries/#iPhone" rel="nofollow noreferrer">http://www.stephentgilbert.com/mediaqueries/#iPhone</a></p>
  
  <p>can you explain why that works when the dimension stated on the iPhone 5 site says the width would be 1136px</p>
  
  <p>I know I'm mixing up with some of the fundamentals here. I'd appreciate if you could provide me with a proper explanation and perhaps link me to relevant online resources.</p>