Wie kann ich verhindern, dass LESS-CSS `calc()`-Funktionen ändert?

Problemumgehung für das Überschreiben von calc() durch LESS-CSS

LESS-CSS neigt dazu, die Syntax von calc()-Funktionen zu ändern, was zu unerwarteten Ausgaben führt. Um dieses Problem zu beheben, ist eine alternative Methode erforderlich, um zu verhindern, dass LESS die Syntax ändert.

Lösung: Escaped Strings

Eine effektive Lösung ist die Verwendung von Escaped Strings, auch bekannt als Escaped Strings als maskierte Werte. Durch die Verwendung eines Tilde-Zeichens (~) vor den Anführungszeichen interpretiert LESS den darin enthaltenen Inhalt als Literalzeichenfolge und verhindert so die Durchführung von Berechnungen oder Änderungen.

Wenn Sie beispielsweise den Wert calc(100% - 200px) ohne Änderungen würden Sie die folgende Syntax verwenden:

width: ~"calc(100% - 200px)";

Escaped Strings with Less Mathematik

In Fällen, in denen Sie Less-Mathematik mit maskierten Zeichenfolgen kombinieren müssen, wie zum Beispiel:

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

LESS verkettet diese Werte standardmäßig mit einem Leerzeichen, was zum gewünschten Ergebnis führt Ausgabe:

width: calc(100% - 15rem + 15px + 2em);

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass LESS-CSS `calc()`-Funktionen ändert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!