iOSiPhone手机分辨率、尺寸、导航栏尺寸、Tabbar尺寸对比菜鸟教程
MrWJL
帮助1人
| 手机机型(iPhone) | 屏幕尺寸(inch) | 逻辑分辨率(pt) | 设备分辨率(px) | 缩放因子 (Scale Factor) | 像素密度(ppi) |
|---|---|---|---|---|---|
| 5(s/se) | 4 | 320×568 | 640×1136 | @2x | 326 |
| 6(s)/7/8/se2 | 4.7 | 375×667 | 750×1334 | @2x | 326 |
| 6 Plus/7 Plus/8 Plus | 5.5 | 414×736 | 1242×2208 | @3x | 401 |
| X/XS/11 Pro | 5.8 | 375×812 | 1125×2436 | @3x | 458 |
| XR/11 | 6.1 | 414×896 | 828×1792 | @2x | 326 |
| XS Max/11 Pro Max | 6.5 | 414×896 | 1242×2688 | @3x | 458 |
| 12 mini | 5.4 | 375×812 | 1080×2340 | @3x | 467 |
| 12/12 Pro | 6.1 | 390×844 | 1170×2532 | @3x | 460 |
| 12 Pro Max | 6.7 | 428×926 | 1284×2778 | @3x | 458 |
| iPhone型号 | 状态栏 | 状态栏 | 导航栏 | 导航栏 | tabBar | tabBar |
|---|---|---|---|---|---|---|
| iPhone型号 | 竖屏 | 横屏 | 竖屏 | 横屏 | 竖屏 | 横屏 |
| 5s/SE/6/6s/7/8(iOS10) | 20 | 0 | 44 | 32 | 49 | 49 |
| 5s/SE/SE2/6/6s/7/8(iOS11 ) | 20 | 0 | 44 | 32 | 49 | 32 |
| 6 Plus/7 Plus/8 Plus | 20 | 0 | 44 | 44 | 49 | 49 |
| X/XS/11 Pro | 44 | 0 | 44 | 32 | 83(49 34) | 53(32 21) |
| XS Max/11 Pro Max | 44 | 0 | 44 | 44 | 83(49 34) | 70(49 21) |
| 11/XR | 44 | 0 | 44 | 44 | 83(49 34) | 70(49 21) |
| 11/XR(iOS 14 ) | 48 | 0 | 44 | 44 | 83(49 34) | 70(49 21) |
| 12/12 Pro/ | 47 | 0 | 44 | 32 | 83 | 53 |
| 12 Pro Max | 47 | 0 | 44 | 44 | 83 | 70 |
| 12 mini | 44 | 0 | 44 | 32 | 83 | 53 |
1.导航栏：竖屏都是44像素，横屏plus/max机型都是44（同竖屏），非max为32；
2.Tabbar：竖屏都是49像素，全屏手机需加上34的安全距离。横屏max机型是49（同竖屏）非max机型是32，全屏需加上21的安全距离；
3.通过模拟器测试，全面屏横屏无法通过（prefersStatusBarHidden）显示状态栏。
这篇好文章是转载于：学新通技术网
- 版权申明： 本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
- 本站站名： 学新通技术网
- 本文地址： /boutique/detail/tanhgbijab
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储，并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01
