Possible Duplicate:
iPhone 5 CSS media query
The iPhone 5 tech spec states screen dimension of 1136 by 640
My question is this,
For landscape, ff I am to use the max-device-width of 568px
refer to http://www.stephentgilbert.com/mediaqueries/#iPhone
can you explain why that works when the dimension stated on the iPhone 5 site says the width would be 1136px
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.
The Retina display contains twice as many pixels as the standard display, but iOS treats the resolution as the standard display for measurement and screen output. If it didn’t, websites would all look very tiny and zoomed out.