hello,各位小伙伴们好,最近一直有小伙伴问我为什么写Less的时候,发现除法有了问题,在生成的css文件中,不给我们输出正确结果了。



直接抛结论:

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

解决方案:

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

肯定很多小伙伴会有疑惑,为啥会有这个问题,和大家拓展下:

2. less版本变化


最新的版本less 进入 4.0时代。

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

来看下less 官网解释:

less 官网解释

划红线部分翻译下(我也是有道翻译的,嘿嘿)

parents -division(4.0默认)-使用/运算符在括号外不执行除法(但可以使用  ./ 运算符  ./  在括号外强制执行除法)

简单解释:

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

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

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

2. Easy Less 版本问题

虽然less因为版本有问题,但是好多同学发现自己vscode通过esayless编译没啥问题呢?

是因为easy less 版本问题的,在一些老版本能给正常编译的。

但是新版的easy less (最新 V1.7.2) 就无法编译了。来pink老师给大家解释下原因。

less 4.0 模式是 always模式。

easyless 从 1.7.0开始支持的也是  4.0 的 always模式,简单说,就是跟随了最新的less版本。

好了就解释到这里了。

最后做个总结:

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

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

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

同学们发现,很多解决方案很简单,但是为什么会这样,反而更麻烦,所以,学习道路学无止境呀~~~

感谢各位小伙伴,如果有错误的地方还请各位同学给予批评指正哈~~~

最新文章

  1. Linux系统下输出某进程内存占用信息的c程序实现
  2. 【从零开始学习Hadoop】--2.HDFS分布式文件系统
  3. C#中静态与非静态方法比较
  4. android:windowSoftInputMode及其他部分属性用法
  5. MongoDB(4):多种方式关闭服务命令
  6. 有关PHP中点击下载文件的小功能
  7. Dojo初探之5:dojo的request(请求)操作、请求过程事件绑定和隐藏数据data()操作(基于dojo1.11.2版本)
  8. Linux磁盘使用过载
  9. uva12563
  10. Javascript高级编程学习笔记(86)—— Canvas(3)绘制矩形
  11. react-native Execution failed for task ':app:prepareRnReduxReactNativeUpdateUnspecifiedLibrary'报错
  12. 关于https不支持http的解决方案
  13. Week3 关于“微软必应词典客户端”的案例分析
  14. EXCEL workbook.saveas 函数详解
  15. Word Ladder 有必要深究。非图的广度优先遍历。标记
  16. mycat 多个逻辑库加读写分离
  17. JS 解决 IOS 中拍照图片预览旋转 90度 BUG
  18. 下载必要的android sdk
  19. iOS App Transprot Security
  20. linux printf

热门文章

  1. 阿里面试:问springBoot自动装配我这样回答的,面试官对我竖起了大拇指
  2. AWS中国区使用https访问部署在S3上的网站
  3. [LeetCode]223. Rectangle Area矩形面积
  4. 基于ESP32的智能家居管理系统的设计与实现
  5. Mysql Workbench查询成功但是不显示
  6. jQuery 库中的 $() 是什么?
  7. 重入锁ReentrantLock
  8. java面向对象的一些知识
  9. 初识分布式图数据库 Nebula Graph 2.0 Query Engine
  10. 【Flutter】容器类组件简介