屏幕尺寸
| 设备 | 资源分辨率( 像素)(UI) | 设计分辨率 (点)(程序开发) | 屏幕分辨率( 像素) | 说明 |
|---|---|---|---|---|
| iPhone6P /6SP | 2208 * 1242 | 736 * 414 | 1920 * 1080 | @3x, 资源缩小1.15倍 401ppi |
| iPhone6 /6S | 1334 * 750 | 667 * 375 | 1334 * 750 | @2x,326ppi |
| iPhone5 /5s/5c (iPod/iPod Touch) | 1136 * 640 | 568 * 320 | 1136 * 640 | @2x,326ppi |
| iPhone4/4s | 960 * 640 | 480 * 320 | 960 * 640 | @2x,326ppi |
| iPad Pro | 2732 * 2048 | 1366 * 1024 | 2732 * 2048 | @2x,264ppi |
| iPad3 iPad Air iPad Air2 | 2048 * 1536 | 1024 * 768 | 2048 * 1536 | @2x,264ppi |
| iPad2 | 1024 * 768 | 1024 * 768 | 1024 * 768 | @1x,163ppi |
| iPad mini | 1024 * 768 | 1024 * 768 | 1024 * 768 | @1x,163ppi |
| iPad mini2 iPad mini4 | 2048 * 1536 | 1024 * 768 | 2048 * 1536 | @2x,163ppi |
需要注意的是，iphone6和6plus可以设置标准模式和放大模式。在放大模式下，6plus会退化为375x667，此时应该当成iphone6来做适配。而iphone6会退化为320x568，应该当作iphone5来适配。
iPhone6plus有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001（即iPhone 6的1.5倍）。
屏幕适配方案
步骤
- 选择一种尺寸为设计和开发基准
- 定义一套适配准则,自动适配
- 特殊适配效果给出设计结果
方案
- 首先用iPhone6(宽750px)做设计,同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图.
- 程序开发用图片：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。
- 完成iPhone6（375pt）的界面开发，自动布局的方式，方便继续是适配到其他尺寸。
- 屏幕适配：6P(414pt) 5s(320pt)
四种适配规则方法：文字流式，控件弹性，图片等比缩放
