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

Question

5

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

iPhone 5技术规格说明屏幕尺寸为1136 x 640

我的问题是，

对于横向模式，如果我使用 最大设备宽度为568px 参考 http://www.stephentgilbert.com/mediaqueries/#iPhone

你能解释一下为什么这样做可以奏效，而iPhone 5网站上声明的尺寸是1136px吗？

我知道我在混淆一些基础知识。如果您能为我提供适当的解释，并可能将我链接到相关的在线资源，我将不胜感激。

- Mizanur Chowdhury

移动版Safari的视口并不是你所期望的。 - jeffjenx

谢谢您提供的链接，@MrSlayer，这是一个非常好的资源！非常感谢 :) - Mizanur Chowdhury

2个回答

9

Retina显示屏包含的像素是标准显示屏的两倍，但iOS将分辨率视为标准显示屏进行测量和屏幕输出。如果没有这样做，网站会显得非常小并缩小。

- AlienWebguy

1

感谢你的回答，AlienWebguy，这对我很有帮助！ - Mizanur Chowdhury

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ceejayoz · Accepted Answer

iPhone 的视网膜屏幕意味着 1136x640 屏幕使用 568x320 虚拟像素。每个 CSS 像素由四个物理像素（2x2）组成。

由于在 CSS 中说“在此处给我一个宽度为100px的 div”时，没有人希望在高分辨率设备（如视网膜屏幕）上以一半大小显示，因此不使用物理像素作为 CSS 像素。