010WXSS模板样式——rpx

什么是rpx尺寸单位

rpx(responsive pixel)是微信小程序独有的,
用来解决屏适配的尺寸单位。

rpx的实现原理非常简单:
鉴于不同设备屏幕的大小不同,

为了实现屏幕的自动适配,
rpx把所有的屏幕,
在宽度上等分为750份(即:当前屏幕的总宽度为750rpx)。

	在较小的设备上,1rpx所代表的宽度较小
	在较大设备上,1rpx所代表的宽度较大

小程序在不设备上运行的时候,
会自动把rpx的样式单位换算成对应的像素单位来渲染,
从而实现屏幕适配。

rpx与px之间的单位换算*

在苹果6上,屏幕宽度为375px,
共有750个物理像素,等分为750px。则:
750rpx=375px=750物理像素
1rpx=0.5px=1物理像素

在这里插入图片描述
在开发小程序时,用苹果6作为视觉稿标准。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值