慕犹清

关注

小程序的rpx与设计稿的换算

慕犹清

关注

阅读 72

2023-02-24

当设计稿的宽度为750px
1px = 1rpx当设计稿的宽度为未知的w , 设计稿上100px的元素如何设置rpx
wpx = 750rpx
1px = 750rpx / w
100px = 750rpx * 100 / w例如设计稿宽度为375px;
(利用一个css和wxss都支持的属性calc)
view {
width:calc(750rpx * 100 / 375)
}

相关推荐

雷亚荣

【微信小程序---px,rpx,屏幕变化的换算】

雷亚荣 34 0 0

左小米z

rpx-小程序

左小米z 71 0 0

戴老师成长记录仪

微信小程序app rpx

戴老师成长记录仪 83 0 0

搬砖的小木匠

微信小程序中rpx

搬砖的小木匠 78 0 0

gy2006_sw

微信小程序:rpx详解,使用 tailwindcss最佳方案rem转rpx

gy2006_sw 23 0 0

是她丫

高校浴室预约小程序的设计与实现

是她丫 196 0 0

cnlinkchina

小程序1rpx border ios真机显示不全问题

cnlinkchina 28 0 0

凉夜lrs

小程序项目:node+vue基于微信小程序的校园盲盒小程序的设计与实现

凉夜lrs 35 0 0

代码小姐

移动端PSD设计稿与CSS的rem适配设置问题

代码小姐 66 0 0

兮城

基于微信小程序的手机商城的设计与实现

兮城 44 0 0

精彩评论(0)

0 0 举报