微信小程序rpx计算方法

微信小程序rpx计算方法

rpx(responsive pixel)是小程序所独有的尺寸单位,可根据屏幕宽度进行自适应。

规定所有屏幕宽度均为750rpx(可类比vw的100%)

当屏幕宽度为375px时,预设置字体大小为15px,计算方法如下:

375px=750rpx

1px=2rpx

15px=30rpx

font-size: 30rpx;

此时字体大小可随屏幕大小改变而自适应变化

屏幕实际尺寸/750rpx=目标元素尺寸/结果

注意:

可在微信开发者工具左上角选择自定义机型,高度随意,宽度设置为750px

此时,可直接将单位改为rpx,免去换算的麻烦

你可能感兴趣的:(前端杂谈,小程序,前端)