Calc（）の計算方法は？

Question

誰かがCSSでCalc()の使用を記述できますか？ ~の意味はCalc()の意味ですか？

以下のコードはどのように計算されますか？

calc(~'(100% - 4 * 23.233%)/3') 

Answer 1

普通のCSSでは有効な値ではありません。

ことがLESS source codeからあるようですが、以下にダウンしてコンパイルされ、になります。

calc((100% - 4 * 23.233%)/3); 

relevant LESS documentationで述べたように、~''を脱出するために使用されます。

エスケープは、あなたが使用することができます任意の文字列をプロパティまたは変数値として返します。 ~"anything"または~'anything'の中にあるものは、そのまま使用され、interpolation以外の変更はありません。

これは、LESSが数式として式を自動的に評価しないようにするためです。エスケープせず、値が評価されるだろうとにコンパイル：「Less Aggressive Compilation with CSS3 calc」：さらに参考のため

calc(2.3559999999999994%); 

、この関連の質問を参照してください。