首页 > 移动平台 > 详细

Less适配移动端rem

时间:2017-12-14 16:53:54      阅读:296      评论:0      收藏:0      [点我收藏+]
@ue-width: 750; /* 设计图的宽度 */
.px2rem(@px) {
  @remValue: @px/@ue-width*10;
  @pxToRem: ~"@{remValue}rem";
}

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

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

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

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

Less适配移动端rem

原文:http://www.cnblogs.com/liyinSakura/p/8038525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!