小程序中使用less對px、rpx的相互轉換函數

　　在.less為后綴的文件中加入函數：

//當前設計稿的寬度，根據不同的設計稿來進行設置，可先在控制台中
//使用wx.getSystemInfoSync().windowWidth獲得
@windowWidth:320px;
.rpxToPx(@name,@rpx) {//傳入不帶單位的rpx數值，將rpx轉為px
  @{name}:unit(@rpx / 750 * @windowWidth,px);
}
.pxToRpx(@name,@px) {//傳入不帶單位的px數值，將px轉為rpx
  @{name}:unit(@px * 750 / @windowWidth,rpx);
}
.image1{//進行設置，設置對於寬320px 高240px 對於的rpx數值
  .pxToRpx(width,320);
  .pxToRpx(height,240);
}
.image2{//進行設置，設置對於寬750rpx 高560rpx 對於的px數值
  .rpxToPx(width,750);
  .rpxToPx(height,560);
}

 

　　.less保存后轉換成的.wxss文件中的值：