微信小程序——px和rpx单位转换

小程序新加了rpx这个单位,它可以根据屏幕宽度进行自适应。但是某些组件属性或者api只接收px单位的数字。
文档:
在这里插入图片描述
所以,根据文档规则,我写了个转换函数:

	
	// rpx 转换为 px ,传参类型是数字(Number)
    rpxTorpx(rpx){
        let deviceWidth = wx.getSystemInfoSync().windowWidth;	//获取设备屏幕宽度
        let px = (deviceWidth/750)*Number(rpx);
        return px;
    }
    
    // px 转换为 rpx ,传参类型是数字(Number)
    pxTorpx(px) {
        let deviceWidth = wx.getSystemInfoSync().windowWidth;	//获取设备屏幕宽度
        let rpx = (750 / Number(px)) * deviceWidth;
        return rpx;
    },
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值