LESS中加‘~’符号的区别

在 *.less 文件中写：

.test {
  width: calc(300px - 20px);
}

在相应的 *.css 文件中的结果是这样的：

.test {
  width: calc(280px);
}

这里的 calc(300px - 20px) 由编译软件计算得出。

在 *.less 文件中写（加上 ~）：

.test {
  width: ~ 'calc(300px - 20px)';
}

在相应的 *.css 文件中的结果是这样的：

.test {
  width: calc(300px - 20px);
}

这里的 calc(300px - 20px) 由浏览器计算。

推荐阅读：
2018年4月24日服务器换成腾讯云
JetBrains IDE Support 浏览器自动刷新插件（不定时更新）
css的cursor属性鼠标指针样式
给元素添加伪类 :before 不显示的解决方法
JavaScript、Jquery获取屏幕的宽度和高度