如何防止 LESS-CSS 修改 `calc()` 函數？

LESS-CSS 覆蓋 calc() 的解決方法

LESS-CSS 傾向於修改 calc() 函數的語法，從而導致意外的輸出。為了解決這個問題，需要一種替代方法來防止 LESS 改變語法。

解：轉義字串

一個有效的解法是使用轉義字串，也稱為作為轉義值。透過在引號前使用波形符號 (~)，LESS 將其中的內容解釋為文字字串，從而阻止其執行計算或修改。

例如，如果要輸出calc(100% - 200px），如果不進行任何更改，您將使用以下語法：

width: ~"calc(100% - 200px)";

轉義字串Math

如果您需要將Less math與轉義字串結合起來，例如：

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

LESS 預設會用空格連接這些值，從而得到所需的結果輸出：

width: calc(100% - 15rem + 15px + 2em);

以上是如何防止 LESS-CSS 修改 `calc()` 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！