Wie kann ich verhindern, dass weniger Compiler CSS-Eigenschaften „calc()' falsch übersetzen?

Weniger Kompilierungsprobleme mit CSS calc()-Eigenschaften: Präventionsmethoden

Es ist bekannt, dass weniger Compiler wie OrangeBits und Dotless fälschlicherweise auftreten CSS-calc()-Eigenschaften übersetzen. Dies kann zu unerwünschten Ergebnissen führen, wie z. B. der Konvertierung von „calc(100% – 250px – 1,5em)“ in „calc(-151,5%)“.

Um dies zu verhindern, wertet Less ab Version 3.00 keine Ausdrücke mehr aus standardmäßig in calc() enthalten. Diese Änderung stellt sicher, dass calc()-Werte während der Kompilierung erhalten bleiben.

Für Less-Versionen vor 3.00:

Um zu verhindern, dass less Calc-Gleichungen übersetzt, können Sie die Tilde-Notation verwenden etwa so:

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

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