less除法计算时不生效问题

LESS版本升级至4.0后,不再支持直接使用/进行除法运算,导致EasyLess插件编译时出现问题。官方解释表明,除法运算符需放在括号内或使用./进行。解决方案是将除法表达式用小括号包裹,如width:(100px/10)。了解这一变更对于正确编译LESS代码至关重要。
摘要由CSDN通过智能技术生成

hello,各位大佬们好,最近有小伙伴问我为什么写Less的时候,发现除法有了问题,在生成的css文件中,不给我们输出正确结果了。
在这里插入图片描述
直接抛结论:

 LESS 版本升级,EasyLess插件 新版本跟随,不支持直接除法运算符引起的

解决方案:

 除法写法变化  ./   或者    加上小括号(推荐)

在这里插入图片描述
肯定很多小伙伴会有疑惑,为啥会有这个问题,和大家拓展下:

  1. less版本变化
  2. 最新的版本less 进入 4.0时代。

less关于除法有哪些变化呢?

来看下less 官网解释:
在这里插入图片描述
简单解释:

  1. 就是 进入4.0版本后, 除法运算符如果在括号外面,不把他当xxx。不是,当除法运算符看了。

  2. 如果在小括号内可以看做是除法运算, 或者 使用 ./ 强制做除法运算

参考文档:http://lesscss.org/usage/#less-options-math

最后做个总结

less 最新版本不支持直接写 / 做为除法运算。

EasyLess 插件新版本跟随less 变化,因此无法直接编译除法

解决方案: 加上小括号即可。 比如 width: (100px / 10);

感谢各位大佬,如果有错误的地方还请各位大佬给予批评指正哈~~~

在这里插入图片描述

评论 29
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值