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中文網其他相關文章!