原生微信小程序开发——单位篇

rpx是微信官方给出的开发单位,如同rem都是自适应的,这里就不对像素、物理像素等等一系列理论讲解了,分享一下拿到原稿如何使用,

  1. 将设计稿尺寸设为750px
    我这里原稿是w:375px的,直接改为W:750px便于后面单位使用,(我这个是蓝湖Ui比较便捷,没有的可用ps修改)
    在这里插入图片描述

  2. 微信开发者工具(其他展示工具)将机型设为iphone6/7/8,只有此机型的像素与750px设计稿对应不用换算单位,
    在这里插入图片描述
    3.现在就在以上两个条件下进行开发,单位就将以前的px换成rpx就行了,尺寸一一对一,我这里这张图W:230px,在设置图片宽度时就是230rpx,都是响应式的,设置好了宽高切换机型图片大小都会变化
    在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值