这是我参与「第五届青训营 」笔记创作活动的第14天。
学习目标
- 能说出什么是rpx尺寸单位
- 能熟练使用rpx
目录
- 什么是rpx尺寸单位
- rpx的实现原理
- rpx与px之间的单位换算
什么是rpx尺寸单位
rpx是微信小程序独有的，用来解决屏适配 的尺寸单位。
rpx的实现原理
rpx把所有设备的屏幕，在宽度上等分为750份（即：当前屏幕的总宽度为750rpx）
- 在小的设备上，1rpx所代表的宽度较小
- 在大的设备上，1rpx所代表的宽度较大
- 从而达到不同设备，会自动把rpx的样式单位换算成对应的像素单位来渲染，从而实现屏幕自动适配大小
rpx与px之间的单位换算
在iPhone6上，屏幕宽度为375px，共有750个物理像素，等分为750rpx。则
官方建议：开发微信小程序时，设计师可以用iPhone6作为视觉稿的标准，因为在iPhone6中，1px等于2rpx
