Less适配移动端rem

Posted 2020-10-17 云阶月地 关锁千重

@ue-width: 750; /* 设计图的宽度 */
.px2rem(@px) {
  @remValue: @px/@ue-width*10;
  @pxToRem: ~"@{remValue}rem";
}

/*使用*/
.cat-icon {
  .px2rem(100);
  width: @pxToRem;
  height: @pxToRem;
}

写法比较局限，一个class中只能有一个数值做转换，连续使用会按照最后一个计算出的rem值解析。

多次使用要多次设置类名。累赘。

先记录下。以后有更优化方式再修改。