CSS Calc - 总是达到 '0' 或 '1'

Question

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

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

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

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

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

但是当--size = 0时，这个就不行了。

有没有一种方法可以根据变量的值调整我的计算以实现 0 或 1？

Answer 1

您可以使用 min()( documentation )

，而不是尝试使用 calc() 进行转换

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

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

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