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 之间的分数或负数)