微信小程序设计稿的尺寸

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

转换规律：

设计稿是375px：1rpx=0.5px

设计稿是750px: 1rpx=1px

小程序单位对应的符号如下：哗大

1，pt，单位名称为点，绝对乱枝竖长度单位。

2，px，像素，相对长，度单位。

3，em，相对长度单位。

4，rem，是CSS3新增的一个相对单位，是相对HTML根元素。

5视口单位vw：1vw=视口宽度的1%，vh：1vh=视口高度的1%，vmax：vmax选取vw和vh中最大的那个，vmin：vmin选取vw和vh中最小的那个。

6，rpx，是微信小程序中css的尺寸单位。

7，ch，是由CSS3规范引入的一个新单位，表示“0”搭枯字形的宽度。

8，ex，当前字体的x-height或者一个em的一半。

9，pc、in、mm、cm绝对长度单位。

---