css - LESS 编译 border-radius : 50%/20%

Question

我的 less 文件中有这一行。

 border-radius: 50% / 20%;

LESS 将这一行编译为:

 border-radius: 2.5%;

如何强制Less不编译这一行？

Answer 1

选项#1:严格数学

strict-math 设置对此有影响。然后打开它需要所有数学运算都在括号内；见the change documentation for LESS 1.4 )，因此如果打开，LESS 将不会执行自己的数学运算(此处为除法)，因为您的值不在括号内。

选项 #2:通过字符串插值

将其作为转义字符串值输入，如下所示:

border-radius: ~"50% / 20%";

这也避免了数学运算，因为值是作为字符串给出的，但输出本身不能是字符串(因为有引号)，所以我们将其转义以使其成为原始输入50%/20% 不带引号。