Wie kann ich weniger Compilerfehler vermeiden, wenn ich CSS-Eigenschaften „calc()' verwende?

Less-Compiler interpretiert CSS-calc()-Eigenschaften falsch

Bestimmte Less-Compiler, einschließlich OrangeBits und dotless, konvertieren CSS-calc()-Ausdrücke falsch. Beispielsweise wird der Ausdruck „width: calc(100% – 250px – 1.5em)“ fälschlicherweise in „width: calc(-151,5%)“ umgewandelt.

Lösung in Less 3.00 und höher

In Less-Versionen 3.00 und höher wertet der Compiler nicht mehr automatisch aus Ausdrücke in calc(). Durch diese Änderung entfällt die Notwendigkeit eines manuellen Eingriffs bei der Verwendung von calc().

Lösung in früheren Less-Versionen

Für Less-Versionen unter 3.00 können Benutzer die automatische Auswertung durch Einschließen verhindern der calc()-Ausdruck innerhalb des ~-Operators. Zum Beispiel:

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

Zusätzlich wurde mit Less Version 1.4.0 eine strictMaths-Option eingeführt, die erfordert, dass alle Less-Berechnungen in Klammern eingeschlossen werden. Diese Option stellt sicher, dass calc()-Ausdrücke standardmäßig korrekt verarbeitet werden.

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