Wie kann ich verhindern, dass weniger Compiler die CSS-Eigenschaften „calc()' ändern?

Verhindern, dass Less-Compiler CSS-calc()-Eigenschaften manipulieren

Um zu verhindern, dass Less-Compiler CSS-calc()-Eigenschaften in unerwünschte Elemente übersetzen Es ist wichtig, ihr Verhalten zu verstehen. Less-Compiler interpretieren calc()-Ausdrücke und führen mathematische Operationen aus, was in bestimmten Szenarien zu unerwarteten Ergebnissen führt.

Weniger Compiler-Konfiguration

Less wertet keine Ausdrücke mehr in calc() aus standardmäßig seit Version 3.00. Um diese Umwandlung zu verhindern, stellen Sie sicher, dass Sie die neueste Version von Less verwenden.

Option für ältere Less-Versionen

Für ältere Versionen von Less (v1.x...) 2.x) schließen calc()-Ausdrücke in Tilde-Zeichen (~) ein. Dies signalisiert dem Compiler, den Ausdruck als Zeichenfolge zu behandeln und die Auswertung zu verhindern:

body { width: calc(~"100% - 250px - 1.5em"); }

Less Configuration

Less 1.4.0 führt die Option strictMaths ein, die erfordert alle weniger Berechnungen müssen in Klammern stehen. Wenn diese Option aktiviert ist, funktionieren calc()-Ausdrücke sofort, ohne dass Tilde-Zeichen erforderlich sind. Beachten Sie jedoch, dass diese Option zu bahnbrechenden Änderungen im vorhandenen Code führen kann.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass weniger Compiler die CSS-Eigenschaften „calc()' ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!