@ue-width: 750; /* 设计图的宽度 */ .px2rem(@px) { @remValue: @px/@ue-width*10; @pxToRem: ~"@{remValue}rem"; } /*使用*/ .cat-icon { .px2rem(100); width: @pxToRem; height: @pxToRem; }
写法比较局限,一个class中只能有一个数值做转换,连续使用会按照最后一个计算出的rem值解析。
多次使用要多次设置类名。累赘。
先记录下。以后有更优化方式再修改。