小程序的设计尺寸是多少?

关于rpx概念，别人说了，我就不重复了。

在设计原稿中可以把照片变成750px的宽度，高度是1600，建议掐头留下1400的高度作为画布的高度。另外，需要考虑画面变长变短后UI能否适应。(这与设计自适应网页一致)

为什么要这样做？

不同。当然宽度也不一样，但是小程序给你一个机制rpx，可以确定屏幕宽度为750rpx，所以只要你考虑到高度适应。

做到含系统UI1600的话，差不多是小屏幕和大屏幕的折中。那么，在此基础上整更方便。

如果UI考虑横屏？

此时非常不同。请调整长宽思维。

如果内容图像支持高清晰度呢？

设计UI时，可以按750px屏幕宽度进行。

但处理内容图像时可以加倍。成本是照片变大了。这个权衡结束后再决定。如果一个界面一下子打开100个内容的列表，一口气加载十几米的照片，体验也会变差。

如果不是设计，开发定义css怎么办？

和别人不一样，我不建议用750rpx定义。如果需要横向满足，应该使用100%或更酷的100vw。

如果是UI要素，请使用em、rem。这些都是CSS原生概念。和一个像素智能切成多少像素没有关系。

可以继续更成熟的CSS框架思想。

经常有朋友问小程序的UI设计尺寸有多合适希望在这里总结自己的经验心得，对大家有帮助！

rpx单元是微信小程序中css的尺寸单元，rpx可根据屏幕宽度适应。

规定屏幕宽度为750rpx。在iPhone6上，屏幕宽度为375px，共750个物理像素，750rpx=375px黄金=750物理像素，1rpx黄金=0.5px=1物理像素。

设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rpx = 0.5px 1px = 2rpx iPhone6s 1rpx = 0.552px 1px = 1.81rpx 微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx 注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

所以这里建议：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算。

以上就是内容回答，希望有用哈！