手機界面設(shè)計尺寸規(guī)范
發(fā)布時間：2018-03-30 16:04 所屬欄目：小程序開發(fā)教程
iPhone界面尺寸
| 設(shè)備 | 分辨率 | PPI | 狀態(tài)欄高度 | 導航欄高度 | 標簽欄高度 |
|---|---|---|---|---|---|
iPhone6P、6SP、7P |
1242×2208 px | 401PPI | 60px | 132px | 146px |
iPhone6 - 6S - 7 |
750×1334 px | 326PPI | 40px | 88px | 98px |
iPhone5 - 5C - 5S |
640×1136 px | 326PPI | 40px | 88px | 98px |
iPhone4 - 4S |
640×960 px | 326PPI | 40px | 88px | 98px |
iPhone & iPod Touch第一代、第二代、第三代 |
320×480 px | 163PPI | 20px | 44px | 49px |
iPhone圖標尺寸：
| 設(shè)備 | App Store | 程序應(yīng)用 | 主屏幕 | Spotlight搜索 | 標簽欄 | 工具欄和導航欄 |
|---|---|---|---|---|---|---|
|
iPhone6P - 6SP - 7(@3×) |
1024×1024 px | 180×180 px | 114×114 px | 87×87 px | 75×75 px | 66×66 px |
|
iPhone6 - 6S - 7 (@2×) |
1024×1024 px | 120×120 px | 114×114 px | 58×58 px | 75×75 px | 44×44 px |
|
iPhone5 - 5C - 5S (@2×) |
1024×1024 px | 120×120 px | 114×114 px | 58×58 px | 75×75 px | 44×44 px |
|
iPhone4 - 4S (@2×) |
|
