在css中,绘制椭圆的样式如下
#ellipse {
width: 100px;
height: 50px;
background-color: #47d1eb;
border-radius: 100px / 50px; // 注意这里的写法
}
但是在less中,会自动根据 +
、-
、*
、/
当做运算符来进行计算
border-radius: 100px / 50px,将会被编译成 border-radius: 2px 从而造成异常。
解决办法一:
border-radius:~'100px / 50px';
解决办法二:
border-radius:100px e('/') 50px;