less中混合运算单位丢失导致计算结果不符
在less中，使用calc()方法计算时，如果不同单位的混合运算，less会忽略单位，全部按照百分比进行计算。
问题：
我们在less中使用公式calc((100% – 40px) / 4)来计算值，却发现计算结果变成了calc(15%)。然而在正式环境中，这个公式正常工作。
答案：
在测试环境中，less遇到了单位混合运算，即百分比和像素的混合。less解析时会忽略单位，全部按照百分比计算，导致calc((100% – 40px) / 4)被解析为calc(60%/4) = calc(15%)。而正式环境中，less版本可能不同，或者其他环境设置导致了不同的解析行为。
要解决这个问题，有两种方法：一是使用单位引号，如calc((~”100% – 40px”) / 4)；二是将像素值定义为less变量，如@myHeight: 30px，然后计算公式为calc((~”100% – @{myHeight}”) / 4)。这样，less就不会忽略单位，并正确进行计算。
以上就是Less中混合运算单位丢失导致计算结果不符，该怎么解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558374.html
微信扫一扫 
支付宝扫一扫 
