iphone及ipad屏幕尺寸参考

时间:2024-03-01 18:05:44

初代iPhone

2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。那时编写iOS的App(应用程序),只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是40像素,高度是50像素,放在(20, 20)像素的位置。

iPhone 4

2010年,iPhone 4发布,率先采用Retina显示屏,在屏幕的物理尺寸不变的情况下,像素成倍增加,达到 640 x 960 像素。这样就出现一个问题,怎么让原有的App运行在新的手机上面?iPhone手机一个优势,就是有众多优秀的App,假如不兼容原有的App,就相当于放弃这个得来不易的优势,是很不明智的。每当iPhone的屏幕有所变化,比如iPhone 3GS过渡到iPhone 4, iPhone 4过渡到iPhone 5, iPhone 5过渡到iPhone 6,苹果公司都需要想办法来解决上述的兼容问题。为了运行之前的App,引入一个新的概念point(点)。点这个概念在iOS开发中十分重要,而非开发者很少关注。iPhone 4屏幕尺寸继续保持320 x 480,不过单位并非是像素,而是点。在iPhone 3GS中,1个点等于1个像素。也就是说,点跟像素可以直接互换。在iPhone 4中,1个点等于2个像素。iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的,都是3.5英寸。同样一个点,实际上看起
来是一样的。只是iPhone 4在单位英寸上像素更多,看起来更细腻。开发iOS的时候,使用点作为基本单位会更加方便。列表对比

 

 

 

 

iPhone 5

2012年,苹果发布iPhone 5。我们将所有机型对比,依然采用点作为单位。

跟iPhone 4做比较, iPhone 5的宽度保持不变。高度增加568 - 480 = 88个点。

在iOS开发中,44这个数字比较特殊。iOS界面指南写着,人类的手指有一定大小,点击区域低于44个点的时候,就难以点中。44的两倍就是88。

iPhone 6, iPhone 6 Plus

2014年,iPhone 6, iPhone 6 Plus发布后,情况又有新的变化。再次比较所有iPhone机型。

屏幕尺寸再度分裂。但是我们比较iPhone 5 跟 iPhone 6的宽高比例。

可以看出,iPhone 6跟iPhone 5虽然屏幕尺寸改变了,但是它们的比例是不变的。都是 9 ÷ 16 = 0.5625 的屏幕。

相关尺寸:

iphone4s:320*480 
iphone5s:320*568
iphone6:375*667
iphone6plus:414*736
ipad:1024*768

 

 

转自:http://www.niaogebiji.com/article-4379-1.html