在微信开发工具中 iphone从5到14 promax各机型的navbar和title的高度为多少 机型宽高为多少 换算成px
时间: 2024-03-28 15:40:29 浏览: 156
个人日程和目标管理微信小程序
在微信开发工具中,iPhone各机型的navbar和title的高度,宽高以及换算成px的数值如下:
| iPhone型号 | 分辨率(pt) | 分辨率(px) | 导航栏高度(pt) | 导航栏高度(px) | 标题栏高度(pt) | 标题栏高度(px) |
| ---------- | ------------ | ------------ | ---------------- | ---------------- | ---------------- | ---------------- |
| iPhone 5/5s/SE | 320 x 568 | 640 x 1136 | 44 | 88 | 34 | 68 |
| iPhone 6/6s/7/8/SE2 | 375 x 667 | 750 x 1334 | 44 | 88 | 34 | 68 |
| iPhone 6/6s/7/8 Plus | 414 x 736 | 828 x 1472 | 44 | 88 | 40 | 80 |
| iPhone X/Xs/11 Pro | 375 x 812 | 750 x 1624 | 44 | 88 | 44 | 88 |
| iPhone XR/11 | 414 x 896 | 828 x 1792 | 44 | 88 | 44 | 88 |
| iPhone Xs Max/11 Pro Max | 414 x 896 | 828 x 1792 | 50 | 100 | 44 | 88 |
| iPhone 12 mini | 375 x 812 | 750 x 1624 | 44 | 88 | 44 | 88 |
| iPhone 12/12 Pro | 390 x 844 | 780 x 1688 | 47 | 94 | 44 | 88 |
| iPhone 12 Pro Max | 428 x 926 | 854 x 1852 | 53 | 106 | 44 | 88 |
需要注意的是,在微信开发工具中,分辨率显示的是逻辑像素值,即1px等于2rpx。因此,在开发过程中,需要将设计稿中的像素值转换成逻辑像素值,以便在微信小程序中正确显示。
阅读全文