如何防止 Less 編譯器修改 CSS `calc()` 屬性？

阻止Less 編譯器操作CSS calc() 屬性

試圖阻止Less 編譯器將CSS calc() 屬性轉換為不需要的屬性價值觀，了解他們的行為很重要。 Less 編譯器解釋 calc() 表達式並執行數學運算，在某些情況下會導致意外結果。

Less 編譯器配置

Less 不再計算 calc() 內的表達式從 3.00 版本開始預設。為了防止這種轉換，請確保您使用的是最新版本的 Less。

舊版Less 版本的選項

對於舊版的Less (v1.x... 2.x)，將calc() 表達式括在波形符(~) 字元內。這向編譯器發出訊號，將表達式視為字串並阻止求值：

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

Less Configuration

Less 1.4.0 引入了strictMaths 選項，該選項需要所有Less 計算都在括號內。啟用此選項後， calc() 表達式將開箱即用，無需波浪號字元。但請注意，此選項可能會導致現有程式碼發生重大變更。

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