30天网站建设 视频教程百度智能建站系统

小程序适配单位：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 来提高样式表的可维护性和可重用性。