如何防止 Less 编译器修改 CSS `calc()` 属性？

阻止 Less 编译器操作 CSS calc() 属性

试图阻止 Less 编译器将 CSS calc() 属性转换为不需要的属性价值观，了解他们的行为很重要。 Less 编译器解释 calc() 表达式并执行数学运算，在某些情况下会导致意外结果。

Less 编译器配置

Less 不再计算 calc() 内的表达式从 3.00 版本开始默认。为了防止这种转换，请确保您使用的是最新版本的 Less。

旧版 Less 版本的选项

对于旧版本的 Less (v1.x... 2.x)，将 calc() 表达式括在波形符 (~) 字符内。这向编译器发出信号，将表达式视为字符串并阻止求值：

body { width: calc(~"100% - 250px - 1.5em"); }

Less Configuration

Less 1.4.0 引入了 strictMaths 选项，该选项需要所有 Less 计算都在括号内。启用此选项后， calc() 表达式将开箱即用，无需波浪号字符。但请注意，此选项可能会导致现有代码发生重大更改。

以上是如何防止 Less 编译器修改 CSS `calc()` 属性？的详细内容。更多信息请关注PHP中文网其他相关文章！