使用 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中文网其他相关文章！