iPhone 5屏幕尺寸VS CSS媒体查询

Miz*_*ury 5 css iphone layout screen-resolution media-queries

可能重复:
iPhone 5 CSS媒体查询

iPhone 5技术规格表明屏幕尺寸为1136×640

我的问题是这个,

对于landscape,如果我使用max-device-width为568px, 请参阅http://www.stephentgilbert.com/mediaqueries/#iPhone

你可以解释一下为什么当iPhone 5网站上说明的尺寸宽度为1136px时才有效

我知道我在这里混淆了一些基本原则.如果您能为我提供正确的解释并将我链接到相关的在线资源,我将不胜感激.

cee*_*yoz 21

iPhone的Retina显示屏意味着1136x640屏幕使用568x320虚拟像素.每个CSS像素由四个物理像素(2x2)组成.

因为在CSS中没有人说"在这里给我100px宽的div"希望它在像Retina显示器这样的更高分辨率的设备上以半尺寸显示,所以它不使用物理像素作为CSS像素.


Ali*_*guy 9

Retina显示屏的像素数是标准显示屏的两倍,但iOS将分辨率视为测量和屏幕输出的标准显示.如果没有,网站看起来都会非常小并缩小.