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

防止CSS calc() 屬性的Less 編譯

Less 編譯器在嘗試編譯使用calc() 定義的CSS 屬性時經常遇到問題功能。例如，輸入：

可能會意外地翻譯為：

這種不準確的轉換可能會導致不良結果。

更少的解決方案

3.00以上版本不再評估預設情況下，calc() 中的表達式。因此，提供的輸入在編譯過程中不會改變。

對於3.00 之前的Less 版本，您可以使用~ 運算符來轉義計算：

嚴格數學選項在Less

Less版本1.4.0中引入了strictMaths選項。啟用此選項後，所有 Less 計算都必須括在括號內。在這種情況下，將尊重 calc() 中的計算，並且在編譯期間不會對其進行評估。請注意，此選項可能會破壞現有程式碼，因此應謹慎使用。

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