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) 由浏览器计算。

未经允许不得转载：Web前端开发资源网 » LESS中加‘~’符号的区别

推荐阅读：

MongoDB的简单配置和基本数据操作

阿里巴巴矢量图标库 iconfont 的使用方法

Linux下如何重置MySQL密码

新网站如何做好SEO优化 尽快被收录

判断网页是通过PC端还是移动终端打开的