可能重复：
iPhone 5 CSS media query
iPhone 5技术规格表明屏幕尺寸为1136×640
我的问题是这个，
对于landscape，如果我使用的是 max-device-width 568px 参考http://www.stephentgilbert.com/mediaqueries/#iPhone
你可以解释为什么当iPhone 5网站上说明的尺寸宽度为1136px
我知道我在这里混淆了一些基本原则。如果您能为我提供正确的解释并将我链接到相关的在线资源，我将不胜感激。
答案 0 :(得分：21)
iPhone的Retina显示屏意味着1136x640屏幕使用568x320虚拟像素。每个CSS像素由四个物理像素（2x2）组成。
因为在CSS中没有人说“在这里给我一个100px宽的div”希望它在像Retina显示器这样的更高分辨率的设备上以半尺寸显示，所以它不会将物理像素用作CSS像素
答案 1 :(得分：8)
Retina显示屏的像素数是标准显示屏的两倍，但iOS将分辨率视为测量和屏幕输出的标准显示。如果没有，网站看起来都会非常小并缩小。