微信小程序如何做自适应(移动设备分辨率和rpx)

  • pt也称为逻辑分辨率
  • pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位
  • px指物理分辨率,和屏幕尺寸没有关系,点是没有大小的。
  • 一个pt可以有一个px构成,也可以有2个,还可以有3个甚至更多组成 

 如何做不同分辨率设备的自适应

  • 以iPhone6物理像素750*1334为视觉稿进行设计,而在小程序中使用rpx为单位
  • iPhone6下 1px = 1rpx = 0.5pt
  • 使用rpx小程序会自动在不同分辨率下进行切换,而使用px不会。

 注:不是所有的都需要使用rpx,如果不需要做自适应的就不要使用rpx,比如说字体。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值