使用 LESS 時如何保留 `calc()` 功能？

在LESS 中保留calc() 功能

在LESS 樣式表中使用calc() 函數時，會遇到編譯問題，輸出不正確的結果。為了解決這個問題，開發人員可以利用轉義字串，也稱為轉義值。

要保留原始calc() 函數，請在字串中加入波浪號(~)，如下所示：

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

這可以確保LESS 將calc() 解釋為純字串，從而防止它在編譯過程中被修改。

在以下情況下您需要將Less math 與轉義字串結合起來，使用以下語法：

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

此程式碼編譯為：

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

透過利用轉義字串，開發人員可以確保calc()函數被正確解釋並按LESS 的預期輸出。

以上是使用 LESS 時如何保留 `calc()` 功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！