可能重复：
iPhone 5 CSS 媒体查询
iPhone 5 技术规格规定屏幕尺寸为 1136 x 640
我的问题是这样的
对于横向，ff 我将使用568px 的最大设备宽度， 请参阅http://www.stephentgilbert.com/mediaqueries/#iPhone
你能解释一下为什么当 iPhone 5 网站上规定的尺寸说宽度是 1136 像素时它会起作用吗
我知道我在这里混淆了一些基础知识。如果您能为我提供适当的解释，并可能将我链接到相关的在线资源，我将不胜感激。
问问题
27894 次
2 回答
21
iPhone 的 Retina 显示屏意味着 1136x640 屏幕使用 568x320 虚拟像素。每个 CSS 像素由四个物理像素 (2x2) 组成。
由于没有人在 CSS 中说“给我一个 100px 宽的 div”，因此没有人希望它在像 Retina 显示器这样的高分辨率设备上以一半大小显示，因此它不使用物理像素作为 CSS 像素。
于 2013-01-14T19:54:26.063 回答
9
Retina 显示屏包含的像素是标准显示屏的两倍，但 iOS 将分辨率视为用于测量和屏幕输出的标准显示屏。如果不是这样，网站看起来都非常小并且缩小了。
于 2013-01-14T19:55:26.830 回答