禁用LESS-CSS覆蓋calc（）現在我在我的LESS代碼中嘗試在CSS3中執行此操作：width: calc(100% - 200px);但是，當LESS編譯時，它輸出：width: calc(-100%);有沒有辦法告訴LESS不要以這種方式編譯并正常輸出？
3 回答
眼眸繁星
TA貢獻1873條經驗 獲得超9個贊
使用轉義字符串（也稱為轉義值）：
width: ~"calc(100% - 200px)";
此外，如果您需要將Less math與轉義字符串混合使用：
width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");
編譯為：
width: calc(100% - 15rem + 15px + 2em);
這可以在默認情況下使用空格連接值（轉義字符串和數學結果）。
縹緲止盈
TA貢獻2041條經驗 獲得超4個贊
除了使用我的其他答案中描述的轉義值之外，還可以通過啟用嚴格數學設置來解決此問題。
通過嚴格的數學運算，只會處理不必要的括號內的數學，因此您的代碼：
width: calc(100% - 200px);
在啟用嚴格數學選項的情況下可以正常工作。
但請注意，嚴格數學應用于全局，而不僅僅是內部calc()。這意味著，如果你有：
font-size: 12px + 2px;
Less將不再處理數學 - 它將輸出font-size: 12px + 2px顯然是無效的CSS。您必須包含應由Less in（以前不必要的）括號處理的所有數學：
font-size: (12px + 2px);
在開始一個新項目時，Strict Math是一個很好的選擇，否則你可能需要重寫代碼庫的一部分。對于最常見的用例，另一個答案中描述的轉義字符串方法更合適。
- 3 回答
- 0 關注
- 823 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消