rpx是微信官方给出的开发单位,如同rem都是自适应的,这里就不对像素、物理像素等等一系列理论讲解了,分享一下拿到原稿如何使用,
-
将设计稿尺寸设为750px
我这里原稿是w:375px的,直接改为W:750px便于后面单位使用,(我这个是蓝湖Ui比较便捷,没有的可用ps修改)
-
微信开发者工具(其他展示工具)将机型设为iphone6/7/8,只有此机型的像素与750px设计稿对应不用换算单位,
3.现在就在以上两个条件下进行开发,单位就将以前的px换成rpx就行了,尺寸一一对一,我这里这张图W:230px,在设置图片宽度时就是230rpx,都是响应式的,设置好了宽高切换机型图片大小都会变化