Less 中混合单位计算为何会变成百分比?
less中混合单位计算奇葩解析
在less中,出现了这样一个问题,使用calc()进行混合单位计算时,计算结果竟然变成了百分比。具体表现为:calc((100% - 40px) / 4)运行之后的值变成了calc(15%)。
造成这个问题的原因是:
less在解析calc()内部运算时,忽略了单位,全部按照百分比进行计算。因此,calc((100% - 40px) / 4)被解析为calc(60%/4) = calc(15%)。
要解决这个问题,有两种方法:
- 直接使用:calc((~"100% - 40px") / 4)
- 定义less变量@myHeight: 30px,然后使用calc((~"100% - @{myHeight}") / 4)
以上就是Less 中混合单位计算为何会变成百分比?的详细内容,更多请关注其它相关文章!