/rpx与px单位相互换算[[支付宝小程序]


//rpx与px单位相互换算

rpx(responsive pixel)可以根据屏幕宽度进行自适应,rpx规定屏幕宽为 750rpx。以 Apple iPhone6 为例,屏幕宽度为 375px,规定共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素(既1px=2rpx)。

假如我们拿到设计稿375px(按照375屏幕设计的),针对于375px的所有样式规格都尊训1px=2rpx,比如设计稿375px的图量出我们需要设置某个字体16px,我们需要设置16*2=32rpx。这样在375px屏幕下他自动调整的是16px,达到设计的要求,如果他在750px屏幕下,1px=1rpx。根据我们设置的32rpx,他自动在750屏幕下显示字体调整为32px

 

//px转换rpx  

 

rpx=px * (750 / 屏幕宽度)let rpx = px *( 750 / my.getSystemInfoSync().windowWidth);

 

//rpx转换px 

 

px=rpx * (屏幕宽度 / 750)let px = rpx *( my.getSystemInfoSync().windowWidth / 750 );


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM