Less适配移动端rem

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

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

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

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

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

posted @ 2017-12-14 16:43  千枫漓音  阅读(311)  评论(0编辑  收藏  举报