如何防止 Less 編譯器錯誤地翻譯 CSS `calc()` 屬性？

減少CSS calc() 屬性的編譯問題：預防方法

較少的編譯器，例如OrangeBits 和dotless，已知會出現錯誤翻譯CSS calc() 屬性。這可能會導致不良結果，例如將「calc(100% - 250px - 1.5em)」轉換為「calc(-151.5%)」。

為了防止這種情況，Less 版本 3.00 以上版本不再計算表達式預設在 calc() 內。此變更可確保在編譯期間保留 calc() 值。

對於 3.00 之前的 Less 版本：

要防止 less 翻譯計算方程，您可以使用波浪號表示法像這樣：

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

以上是如何防止 Less 編譯器錯誤地翻譯 CSS `calc()` 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！