在视频中已经说过了，小程序的设计思想和原生app的设计思想颇为相似，基本的应用单元为页面当然对于一个页面来说每一个元素的放置位置在哪儿以及显示成什么样子这个是由 样式来决定的 我们知道在web开发中样式是在css文件。

小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应在750*1334的设计稿里，1px = 1rpx如果你心疼你的开发小哥哥，让他少掉点头发，设计稿用 750*1334 的尺寸但如果你的开发小哥哥之前老欺负你，那，你就。

小程序详情页尺寸是750*1600*1400 你在设计稿件中可以把图片做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度并且要求考虑到屏幕变长变短后UI是否可以适应这个和设计自适应网页一致为什么。

以下图为例，ui给定的头像的宽高为90px总结ui以苹果6或者苹果6plus为模板设计出来的图片，px和rpx都需要做运算处理，规律如上，小程序官方文档建议ui以苹果6模板作图我的这篇文章有各种设备的尺寸信息 手机屏幕尺寸。

需要iphone11的小程序大小是1rpx=05px需要注意，不同手机高度是不相同的当然宽度也不相同，但是小程序给了你一种机制rpx，可以把屏幕宽度确定在750rpx，那么只要考虑高度上适应官方小程序菜单位于所有界面包括小程序。

其他小程序推广页分别为弹窗 图530*650，浮窗海报750*259，会场转发图500*400 如服装类，我们会在架构表备注的要求 商品详情页750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建议单张图片150200KB之间。

比较流行的方式是按照iPhone5的尺寸来设计它们2，逻辑像素320x568 这种方法更现实放大2倍的屏幕在iOS和Android都是主流，在放大2倍的屏幕中逻辑像素最小所以图片的大小可以保持在一个很小的水平，页面加载速度快当然缺点是在放大。