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

可能重复：
iPhone 5 CSS media query iPhone 5的屏幕尺寸VS CSS媒体查询

iPhone 5的技术规范状态屏幕由640

的1136尺寸我的问题是这样的，我想用max-的568px 设备宽度是指http://www.stephentgilbert.com/mediaqueries/#iPhone

你能解释一下为什么说宽度为1136px

我知道我混合了一些工作，当尺寸上iPhone 5的网站上标明基本面在这里。如果你能给我一个合适的解释并且可能将我链接到相关的在线资源，我将不胜感激。

2013-01-14 Mizanur Chowdhury

的[在移动Safari视窗]（http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html）是不是你所期望的东西。 – Quantastical

感谢您的链接@MrSlayer，优秀的资源！非常感谢:) –

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

来源

2013-01-14 19:55:26 AlienWebguy

感谢您的回答AlienWebguy，这有助于很多！ –

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

由于没有人在CSS中说“给我一个100像素宽的div”，它希望它在像Retina显示器这样的更高分辨率设备上以半角显示，所以它不使用物理像素作为CSS像素。

来源

2013-01-14 19:54:26 ceejayoz

+1伟大的想法都一样;） – AlienWebguy

@AlienWebguy +1也适合你。 :-) – ceejayoz

谢谢你的快速回复ceejayoz和@AlienWebguy。这真的很有帮助！ :) –

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

回答

相关问题