小程序适配单位:rpx
规定任何屏幕下宽度为750rpx
小程序会根据屏幕的宽度自动计算rpx值的大小
Iphone6下:1rpx = 1物理像素 = 0.5css
小程序编译后,rpx会做一次px换算,换算是以375个物理像素为基准,也就是在一个宽度为375物理像素的屏幕下,1rpx=1px,举个例子:IPhone6屏幕宽度为375px,共750个物理像素,那么1rpx=375/750px=0.5px
设备 rpx换算px(屏幕宽度/750) px换算rpx(750/屏幕宽度)
IPhone5 1rpx=0.42px 1px=2.34rpx
IPhone6 1rpx=0.5px 1px = 2rpx
IPhone6 Plus 1rpx = 0.552px 1px = 1.81rpx
一般情况下,我们所选用的机型是IPhone6 因为它对于换算来说会比较方便一点
那么除了使用wxss之外,我们同样也可以使用less来定义样式
使用 Less 可以让样式表更加简洁、易读、易维护。
首先我们需要配置
配置完成之后我们就可以使用less来定义样式了,
需要注意的是,使用 Less 编写样式会增加编译时间和运行时间的开销,如果项目比较小,建议直接使用原生的 CSS 样式;如果项目比较大,可以考虑使用 Less 来提高样式表的可维护性和可重用性。