CSSCalc-始终达到“0”或“1”

我有一个 CSS 变量--size,它是用 javascript 设置的。它的值将为 0 或任何整数。

我希望使用该calc函数创建一个新的 CSS 变量。我希望这个新变量的值为 0 或 1。

  • 如果--size= 0 那么新变量 = 0
  • 如果--size> 0 那么新变量 = 1

我可以使用下面的代码来实现这一点:

--new: calc(var(--size)/(var--size))

但是当--size= 时0,这不起作用。

有没有办法可以根据变量的值调整我的计算以达到 0 或 1?

回答

而不是尝试使用转换它calc(),您可以使用min()(文档)

--new: min(--size, 1); 

这将返回变量或 1,以较低者为准,这将导致1/ 0

(这假设--size不能是 0-1 之间的分数或负数)


以上是CSSCalc-始终达到“0”或“1”的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>