Less.js: 边界半径没有正确解析

创建于 2020-02-06  ·  3评论  ·  资料来源: less/less.js

如果 border-radius 中有一个 / ,那么它看起来不太认为它是除法......

重现:

.border-radius {
  border-radius: 34px 0 0 36px / 34px 0 0 36px;
  border-radius: 10px 100px / 120px;
}

产生:

.border-radius {
  border-radius: 34px 0 0 1.05882353px 0 0 36px;
  border-radius: 10px 0.83333333px;
}

...这是不正确的。 你可以在这里看到这是有效的语法:
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

最有用的评论

这个问题可以在我创建的这个测试用例中看到。 查看编译的 CSS 以了解 LESS 如何呈现它。

@heavyk以及其他任何我的测试用例中

而不是写...
border-radius: 10px 100px / 120px;


border-radius: 10px 100px ~"/" 120px;

在你的 LESS 中,它应该正确解析它,单独留下/字符,而不是将其解释为指示要进行除法的字符。

所有3条评论

这个问题可以在我创建的这个测试用例中看到。 查看编译的 CSS 以了解 LESS 如何呈现它。

@heavyk以及其他任何我的测试用例中

而不是写...
border-radius: 10px 100px / 120px;


border-radius: 10px 100px ~"/" 120px;

在你的 LESS 中,它应该正确解析它,单独留下/字符,而不是将其解释为指示要进行除法的字符。

啊酷,知道如何逃避它很有帮助,谢谢!

关闭,因为这有几种解决方法。 另一种是更改数学模式,如http://lesscss.org/usage/#less -options-math

此页面是否有帮助?
0 / 5 - 0 等级