less除法计算时不生效问题
Posted 可 乐 伢
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了less除法计算时不生效问题相关的知识,希望对你有一定的参考价值。
hello,各位大佬们好,最近有小伙伴问我为什么写Less的时候,发现除法有了问题,在生成的css文件中,不给我们输出正确结果了。
直接抛结论:
LESS 版本升级,EasyLess插件 新版本跟随,不支持直接除法运算符引起的
解决方案:
除法写法变化 ./ 或者 加上小括号(推荐)
肯定很多小伙伴会有疑惑,为啥会有这个问题,和大家拓展下:
- less版本变化
- 最新的版本less 进入 4.0时代。
less关于除法有哪些变化呢?
来看下less 官网解释:
简单解释:
-
就是 进入4.0版本后, 除法运算符如果在括号外面,不把他当xxx。不是,当除法运算符看了。
-
如果在小括号内可以看做是除法运算, 或者 使用 ./ 强制做除法运算
参考文档:http://lesscss.org/usage/#less-options-math
最后做个总结:
less 最新版本不支持直接写 / 做为除法运算。
EasyLess 插件新版本跟随less 变化,因此无法直接编译除法
解决方案: 加上小括号即可。 比如 width: (100px / 10);
感谢各位大佬,如果有错误的地方还请各位大佬给予批评指正哈~~~
以上是关于less除法计算时不生效问题的主要内容,如果未能解决你的问题,请参考以下文章
2022-03-16 解决VScode中less文件的运算式不生效的问题
TypeError:“DataFrame”对象在使用除法时不支持项目分配