设计微信小程序是按照什么尺寸做？

Question

想设计一个微信小程序，但是不知道应该按什么尺寸做？是按手机APP的尺寸吗？比如 640 ？

Answer 1

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就交给小程序自己换算

Answer 2

微信小程序的设计尺寸是根据设备的屏幕宽度来确定的，一般为750px。这是因为微信小程序采用的是响应式布局，可以根据不同设备的屏幕宽度自动适应调整布局和字体大小，保证在不同设备上都能够有良好的显示效果。因此，在设计微信小程序时，可以按照750px的宽度来进行设计，同时需要注意在不同屏幕尺寸下的显示效果和用户体验。

Answer 3

每个型号的手机分辨率可能是不一样的，没有统一的尺寸，建议分辨率稍微做大一点，或者就按销量比较高的那一类型的手机分辨率来设计，小程序在不同的手机端展示时能够自适应分辨率的。

Answer 4

设计微信小程序是按照iPhone6屏幕尺寸750×1334px为视觉稿进行设计。
微信小程序以rpx为css尺寸单位，rpx可以根据屏幕宽度进行自适应，规定屏幕宽度为750rpx，因此在iPhone6设计稿上1px=1rpx，在尺寸换算上就会很简单。

Answer 5

建议做成1600，然后掐头去尾留1400高度作为画布的高度，并且要求考虑到屏幕变长变短后UI是否可以适应。