什么是rpx

rpx： 是微信小程序独有的，解决屏幕自适应的尺寸单位

可以根据屏幕宽度进行自适应，不论屏幕大小，规定屏幕宽为 750rpx，通过rpx设置元素和字体大小，小程序在 不同尺寸 的屏幕上可以 自适应适配

以 iPhone6 为例，iPhone6 的屏幕宽度为 375px ，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素

1rpx=0.5px=1物理像素

关于是否使用rpx还是px，首先需要明白两者之间的区别。

rpx：微信小程序中的尺寸单位rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。微信官方建议视觉稿以iphone6为标准，一般设计师出图为2倍图。

px：iphone6上1px=2rpx

1rpx相当于1个物理像素，何为物理像素，就相当于我们所使用的屏幕的尺寸，只不过换了一种说法叫物理像素，而我们平时css中所用到的px,实际上是数据显示的尺寸，比如文字，图片、设计样式的盒子的大小1rpx的出现为我们搭起了物理像素与样式像素px之间的桥梁，而且根据屏幕宽度进行自适应

<view class="box">rpx的像素</view>

<view class="bo">px的像素观察</view>

.box{  width:300rpx  height:200rpx  border:1rpx solid black  font-size:30rpx}.bo{   width:300px  height:200px  border:1px solid black  font-size:30px}

结果：

所以，小程序中字体大小用rpx还是px要结合设计师出图的文字大小，建议的话还是以rpx为主。

---