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中加‘~’符号的区别

推荐阅读:

WebStorm怎么设置实现自动编译less文件

Animate.css动画库的安装与使用

html中引入调用另一个公用html模板文件的方法

jQuery.dotdotdot多行文本省略号插件的使用方法

https百度推送push.js报错的解决方法

赞 (0)
分享到: +

评论 沙发

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)