【发布时间】：2017-06-21 13:29:42
【问题描述】：
有人可以描述在 css 中使用Calc() 吗？
而~和Calc()是什么意思？
下面的代码如何计算？
calc(~'(100% - 4 * 23.233%) / 3')
【问题讨论】：
-
这是[通用兄弟组合]。你不能这样使用它，它是无效的。除非你正在使用一些预处理器。
【发布时间】：2017-06-21 13:29:42
【问题描述】：
这不是纯 CSS 中的有效值。
貌似来自LESS source code，编译成如下：
calc((100% - 4 * 23.233%) / 3);
如relevant LESS documentation所述，~''用于转义：
转义允许您使用任意字符串作为属性或变量值。
~"anything"或~'anything'中的任何内容都按原样使用，除了 interpolation 之外没有任何变化。
这样做是为了防止 LESS 自动将表达式计算为数学。如果没有转义，该值将被评估并编译为：
calc(2.3559999999999994%);
如需进一步参考，请参阅此相关问题：“Less Aggressive Compilation with CSS3 calc”。
【讨论】：