小程序单位:rpx、rem的具体使用方法及算法

来源:互联网 发布:怎么看端口是否被占用 编辑:程序博客网 时间:2024/04/27 19:30
小程序单位:rpx、rem的具体使用方法及算法
1)rpx:不论哪个型号的手机,屏幕宽度都是750rpx
rpx与px的转换,根据设计稿换算
例如:设计稿750px宽度,ps上量出宽度是多少,那么就定义多少rpx,也就是,1px = 1rpx
例如:设计稿640px宽度,那么需要转换一下,1px = 750/640rpx
2)rem:根据设计稿换算
例如:设计稿750px宽度,那么1rem = (750/20)rpx = 37.5px
例如:设计稿640px宽度,那么1rem = (640/20)rpx = 32px
0 0
原创粉丝点击