微信小程序的设计尺寸规范主要基于rpx单位，规定屏幕宽度为750rpx。 在设计微信小程序时，设计师通常以iPhone 6的屏幕尺寸（375px）作为基准，因为1rpx等于0.5px，即1rpx等于1物理像素。这意味着在设计稿上测量的尺寸可以直接转换为rpx单位，无需进行复杂的计算。例如，如果设计稿上的元素宽度为375px，那么在微信小程序中应写为750rpx。12
此外，微信小程序也支持rem单位，规定屏幕宽度为20rem，这意味着1rem等于(750/20)rpx，即37.5rpx。这种灵活性使得开发者可以根据不同的设计需求选择使用rpx或rem单位。
对于非iPhone 6的设计稿，如iPhone 5（屏幕尺寸为320px），设计师需要使用calc()函数来计算rpx值。例如，如果一个元素在设计稿上的宽度为320px，那么在微信小程序中应写为calc(320 / 320 * 750rpx)。
状态导航栏的尺寸规范也是设计微信小程序时需要考虑的重要因素。状态导航栏通常位于页面顶部，位于品牌Logo和标题之间。其高度通常在40px到60px之间，图标大小在20px到30px之间，文字大小在14px到20px之间。这些尺寸可以根据实际需求进行调整，但建议在多个页面中保持一致性，以增强用户体验。
也可以参考：微信小程序的设计规范developers.weixin.qq.com/miniprogram/design/#字体
