如何在不分割结果的情况下将border-radius写入更少

Question

我怎么能把这个css写成less:

border-radius: 10px / 20px;

通常css解释如下:

border-bottom-left-radius: 10px 20px;
border-bottom-right-radius: 10px 20px;
border-top-left-radius: 10px 20px;
border-top-right-radius: 10px 20px;

但较少的编译器划分10px/20px = 0.5px

Answer 1

这可能是因为编译器没有打开严格的数学运算,这使得它只能在括号内运行数学运算.

另一种方法是欺骗系统将其视为普通字符串而不是计算.

border-radius: 10px ~"/" 20px;