在使用Less除法运算时,报错(css不出结果)

问题:less除法运算报错


在学习过程中,使用less做运算时,加减乘都能正常使用。一到除法,css中就无法得出结果。

原来视频中的EasyLess扩展是旧版的,现在我们使用的最新版的,最新版的less在使用除法运算时,需要加 英文括号 或者使用 ./ 

问题报错代码:

在less中的代码: 

 在使用Less除法运算时,报错(css不出结果)

在css中的代码 

 在使用Less除法运算时,报错(css不出结果)

 

我们发现,less中的除法运算在css中没有得出结果 

解决方案:

方案一:在 / 前加 .  (  /  换成  ./  )

less中的代码:

在使用Less除法运算时,报错(css不出结果)

 css中的代码:

在使用Less除法运算时,报错(css不出结果)

 方案二:算式两边加括号(推荐)

less中的代码:

 在使用Less除法运算时,报错(css不出结果)

 css中的代码:

 在使用Less除法运算时,报错(css不出结果)

 总结:

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

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

                                 使用./进行运算。

上一篇:05-rem+less


下一篇:Less简单学习总结