less中的变量 单位问题

/* 测试数据 */
@a: 20px;

@b: 10em;

@c: 5rem;

@d: 4;

@e: #777;

@f: #888;

body {
width: @a / @b; 编译后 width: 2px; 单位为px

 width: @a / @c; 编译后 width: 4px; 单位为px

 width: @a / @d; 编译后 width: 5px; 单位为px

 width: @a / @e; 编译后 width: #000000; 

 width: @a / @f; 编译后 width: #000000; 

 width: @b / @a; 编译后 width: 0.5em

 width: @b / @c;                 2em 

 width: @b / @d;                 2.5em   

 width: @c / @a;                 0.25rem 

 width: @d / @a;                 0.2px

 width: @a + @c;                 25px

 width: @c - @b;                -5rem

}

对于两个不同的单位的值之间的运算,运算结果的值取第一个值的单位
如果两个值之间只有一个值有单位,则运算结果就取该单位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值