关于LESS中对“/”的编译处理

Question

众所周知*1

• 在CSS中，如果我们要绘制一个 __椭圆__，一般代码如下：

#circleZeta {
  width: 100px;
  height: 50px;
  background-color: #47d1eb;
  border-radius: 100px / 50px; // 注意这里的写法
}

• 展示样式如下：

---

众所周知*2

• 在LESS中，如果我们要将其编译为CSS时，LESS会自动根据 +、-、*、/ 等运算符进行尺寸大小的计算

• 于是，如果在LESS中绘制 __椭圆__，这一行样式：border-radius: 100px / 50px 就会变编译成 border-radius: 2px，造成异常。

• 展示样式如下：

---

那么问题来了，有没有前端大大帮忙指点一下，我该如何避免这种情况呢？

感谢

Answer 1

好吧，找到答案，自己回答

改成：

border-radius: ~'100px/50px'; 

或者

border-radius: 50%;

就可以不执行运算符，而正确编译

Answer 2

使用e（）输出/即可。100px e('/') 50px