uniapp中尺寸单位rpx的使用

官方文档：

rpx 即响应式px，是一种根据屏幕宽度自适应的动态单位。uni-app规定屏幕的基准宽度为750rpx。

750rpx就是屏幕最大宽度，样式宽度不能超过750rpx

开发者可以根据设计稿的基准宽度来计算页面元素的rpx值，设计稿的1px 与 框架样式 1rpx 转换公式如下：

设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx

所以，在实际开发中，1 rpx = 750 * （ 设计稿宽度 / 设计稿基准宽度 ）

很好理解，比如：

1、设计稿的基准宽度为 750px, 有一个红色方块宽度为100px，换算成rpx 结果为：100rpx ，也就是说 1rpx = 1px

750 * 100 / 750

2、设计稿为640px，红色方框宽度为100px，换算成rpx结果为：117rpx

750 * 100 / 640 

注意：

（1）rpx是宽度相关的单位，屏幕越宽，元素会 越大，如果不想随着屏幕 宽度缩放， 请使用px 。

（2）字体 或者 高度使用了rpx ， 那么需注意这样的写法意味着随着屏幕变宽，字体会变大、高度会变大。

（3）rpx不支持横屏切换，如果使用rpx 建议锁定屏幕方向。