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

小程序单位: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

猜你喜欢

转载自blog.csdn.net/qq_16494241/article/details/71661910
今日推荐