如何防止 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中文网其他相关文章！