uni-app 小程序中的尺寸单位px、rpx的差异及特点

rpx单位是小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx，根据手机分别率来调整具体大小。

uni-app 支持的通用 css 尺寸单位包括 px、rpx

px 即屏幕像素

rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。

以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。

比如我们在做类似用户列表，资讯列表的结构，可以使用rpx固定左右，左中右内容的比例。

如果开发者在字体或高度中也使用了 rpx ，那么需注意这样的写法意味着随着屏幕变宽，字体会变大、高度会变大。如果你需要固定高度，则应该使用 px 。

rpx不支持动态横竖屏切换计算，使用rpx建议锁定屏幕方向

设计师可以用 iPhone6 作为视觉稿的标准。

iphone6分辨率是375*667,与rpx换算正好是2倍关系，便于单位计算

当需要获取 多个元素高度相加计算时，需要先分开转换计算再相加，因为会涉及四舍五入问题

长宽高建议使用偶数，减少出现边缘模糊,毛刺现象

注意 rpx 是和宽度相关的单位，屏幕越宽，该值实际像素越大。如不想根据屏幕宽度缩放，则应该使用 px 单位。

如果设计稿不是750px，HBuilderX提供了自动换算的工具，详见：https://ask.dcloud.net.cn/article/35445