LESS 编译边界半径:50% / 20%

ang*_*okh 0 css less

我的 less 文件中有这一行。

 border-radius: 50% / 20%;
Run Code Online (Sandbox Code Playgroud)

LESS 将此行编译为:

 border-radius: 2.5%;
Run Code Online (Sandbox Code Playgroud)

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

Sco*_*ttS 5

选项 #1:严格数学

strict-math设置会影响这一点。打开它然后需要所有数学都在括号内;请参阅LESS 1.4 的更改文档),因此如果打开 LESS 将不会执行自己的数学运算(此处除法),因为您的值不在括号内。

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

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

border-radius: ~"50% / 20%";
Run Code Online (Sandbox Code Playgroud)

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