Less 中混合单位计算为何会变成百分比？

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《Less 中混合单位计算为何会变成百分比？》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

less中混合单位计算奇葩解析

在less中，出现了这样一个问题，使用calc()进行混合单位计算时，计算结果竟然变成了百分比。具体表现为：calc((100% - 40px) / 4)运行之后的值变成了calc(15%)。

造成这个问题的原因是：

less在解析calc()内部运算时，忽略了单位，全部按照百分比进行计算。因此，calc((100% - 40px) / 4)被解析为calc(60%/4) = calc(15%)。

要解决这个问题，有两种方法：

1. 直接使用：calc((~"100% - 40px") / 4)
2. 定义less变量@myHeight: 30px，然后使用calc((~"100% - @{myHeight}") / 4)

理论要掌握，实操不能落！以上关于《Less 中混合单位计算为何会变成百分比？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！