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

您所在的位置:网站首页 支付宝字体怎么调小 /rpx与px单位相互换算[[支付宝小程序]

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

2024-07-14 19:34| 来源: 网络整理| 查看: 265

//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 );



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3