码迷,mamicode.com
首页 > 移动开发 > 详细

Less适配移动端rem

时间:2017-12-14 17:01:07      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:比较   方式   class   span   使用   post   body   连续   blog   

@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

标签:比较   方式   class   span   使用   post   body   连续   blog   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!