登录
推荐 文章 Go 技术 课程 下载 专题 AI
首页 >  文章 >  前端

Less 中 calc() 函数为什么不能混合单位计算？

时间：2024-11-10 12:15:51 104浏览 收藏

学习文章要努力，但是不要急！今天的这篇文章《Less 中 calc() 函数为什么不能混合单位计算？》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

Less 中 calc() 函数为什么不能混合单位计算？

less中calc()为什么不能混合单位计算

在less中，使用calc((100% - 40px) / 4)进行混合单位运算会出现异常，结果会被解析为calc(15%)。

原因：

less在解析calc()时会忽略单位，将所有运算符都按照百分比计算。因此，(100% - 40px)会被解析为(100% - 40/100%)，即(100% - 40%) = 60%。而60% / 4 = 15%，所以结果为calc(15%)。

解决方案：

有两种解决方法：

  1. 使用波浪号(~)指定变量，如calc((~"100% - 40px") / 4)。波浪号告诉less将变量解析为值，而不是单位。
  2. 定义一个变量来存储单位，如@myHeight: 30px，然后使用calc((~"100% - @{myHeight}") / 4)。

以上就是《Less 中 calc() 函数为什么不能混合单位计算？》的详细内容，更多关于的资料请关注golang学习网公众号！

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>