appleProducts.jpeg
最近做起了
iPad 应用，会经常用到一些 iPad 设备尺寸的一些知识。这里对比手机设备将开发中用到的 iPhone 和 iPad 设备尺寸的一些知识点做个总结。既是工作小结，也是进行后续开发的一个知识储备。
名词解释
物理分辨率: 为硬件所支持。由显示屏实际存在的像素行数乘以列数的数学表达方式来表示。
逻辑分辨率: 软件开发所支持的，为了便于软件开发过程中的屏幕适配而设定。
PPI: Pixels Per Inch，每英寸的像素点数。
如果想了解更详细，可以移步这里。
屏幕尺寸
iPhone
| 名称 | 尺寸 | 屏幕分辨率 | 逻辑分辨率 | PPI | 状态栏高度 | 导航栏高度 | tabBar 高度 |
|---|---|---|---|---|---|---|---|
| iPhone2G, 3G ,3GS | 3.5 英寸 | 320 × 480 px | 320 × 480 pt | 163 ppi | 20 px | 44 px | 49 px |
| iPhone4, 4S | 3.5 英寸 | 640 × 960 px | 320 × 480 pt | 326 ppi | 40 px | 88 px | 98 px |
| iPhone5, 5S, 5C, SE | 4.0 英寸 | 640 × 1136 px | 320 × 568 pt | 326 ppi | 40 px | 88 px | 98 px |
| iPhone6, 6S, 7, 8 | 4.7 英寸 | 750 × 1334 px | 375 × 667 pt | 326 ppi | 40 px | 88 px | 98 px |
| iPhone6P, 6SP, 7P, 8P | 5.5 英寸 | 1242 × 2208 px | 414 × 736 pt | 401 ppi | 60 px | 132 px | 147 px |
| iPhoneX, XS, 11 Pro | 5.8 英寸 | 1125 × 2436 px | 375 × 812 pt | 458 ppi | 132 px | 132 px | 147 px |
| iPhone XR, 11 | 6.1 英寸 | 828 × 1792 px | 414 × 896 pt | 326 ppi | 88 px | 88 px | 98 px |
| iPhoneXS Max, 11 Pro Max | 6.5英寸 | 1242 × 2688 | 414 × 896 pt | 458 ppi | 132 px | 132 px | 147 px |
iPad
| 名称 | 尺寸 | 屏幕分辨率 | 逻辑分辨率 | PPI | 状态栏高度 | 导航栏高度 | tabBar 高度 |
|---|---|---|---|---|---|---|---|
| iPad mini 7.9 | 7.9 英寸 | 2048 × 1536 px | 1024 × 768 pt | 326 ppi | 40 px | 88 px | 98 px |
| iPad 9.7 | 9.7 英寸 | 2048 × 1536 px | 1024 × 768 pt | 264 ppi | 40 px | 88 px | 98 px |
| iPad Pro 10.2 | 10.2 英寸 | 2160 × 1620 px | 1080 × 810 pt | 264 ppi | 40 px | 88 px | 98 px |
| iPad Pro 10.5 | 10.5 英寸 | 2224 × 1668 px | 1112 × 834 pt | 264 ppi | 40 px | 88 px | 98 px |
| iPad Pro 11 | 11 英寸 | 2388 × 1668 px | 1194 × 834 pt | 264 ppi | 40 px | 88 px | 98 px |
| iPad Pro 12.9 | 12.9 英寸 | 2732 × 2048 px | 1366 × 1024 pt | 264 ppi | 40 px | 88 px | 98 px |
iCon 尺寸
iPhone
| 名称 | iCon 尺寸 |
|---|---|
| iPhone Notification | 20 × 20 px (2x, 3x) |
| iPhone Setting | 29 × 29 px (2x, 3x) |
| iPhone Spotlight | 40 × 40 px (2x, 3x) |
| iPhone App | 60 × 60 px (2x, 3x) |
| AppStore | 1024 × 1024 px |
iPad
| 名称 | iCon 尺寸 |
|---|---|
| iPad Notification | 20 × 20 px (1x, 2x) |
| iPad Setting | 29 × 29 px (1x, 2x) |
| iPad Spotlight | 40 × 40 px (1x, 2x) |
| iPad App | 76 × 76 px (1x, 2x) |
| iPad Pro (12.9-inch) App | 167 × 167 px (2x) |
| AppStore | 1024 × 1024 px (1x) |
lauchImage 尺寸
iPhone
| 名称 | 尺寸大小 |
|---|---|
| Portrait, iPhone Xs Max | 1242 × 2688 px |
| Portrait, iPhone XR | 828 × 1792 px |
| Landscape, iPhone Xs Max | 2688 × 1242 px |
| Landscape, iPhone XR | 1792 × 828 px |
| Portrait, iPhone X / iPhone XS | 1125 × 2436 px |
| Landscape, iPhone X / iPhone XS | 2436 × 1125 px |
| Portrait, Retaina HD 5.5 | 1242 × 2208 px |
| Portrait, Retaina HD 4.7 | 750 × 1334 px |
| Landscape, Retaina HD 5.5 | 2208 × 1242 px |
| Retina (4.0 inch) | 640 × 1136 px |
| 3.5 inch, 2x | 640 × 960 px |
| 3.5 inch, 1x | 320 × 480 px |
iPad
| 名称 | 尺寸大小 |
|---|---|
| Portrait | 768 × 1024 px (1x, 2x) |
| Landscape | 1024 × 768 px (1x, 2x) |
| Portrait, without status bar | 768 × 1004 (1x, 2x) |
| Landscape, without status bar | 1024 × 748 (1x, 2x) |
备注：Xcode 11 之后，launchImage 被废弃，改用 LaunchScreen。
Once for all !
早日迎接 launchScreen 吧。
网友评论