CSS中的minmax()和clamp()有什么区别？

Question

两个 CSS 函数都将值限制在上限和下限之间。

我知道的唯一区别是 minmax() 只能在 CSS 网格中使用。

Answer 1

minmax() 只能在网格中使用并在两 (2) 个参数之间进行选择。

clamp() 可以在 CSS 中的任何位置使用，并在三 (3) 个参数之间进行选择：最小值、首选参数和最大值，并尽可能选择中间 (preferred) 参数。

Answer 2

来自 developer.mozilla.org：

clamp()

可以选择定义的最小值和最大值之间的值范围内的中间值。它需要三个参数：最小值、首选值和最大允许值。

minmax()

只接受两个极值，加上您已经提到的差值。

Answer 3

令我难以置信的是，怎么会有人居高临下地问“你用谷歌搜索过这个吗？”同时提供实际上是非答案/同义反复的事实。

学生：“

a+b

的答案是什么？” 师父：“这不是很明显吗？是A加B！”

是的，

clamp()

有一个额外的

ideal value

，但请尝试将

clamp()

和

minmax()

（具有相同的上/下限）应用到

grid-template-columns

，然后尝试调整网格大小。在我看来，在这种情况下两者之间没有区别，至少在视觉上是这样。

有真正懂的人可以帮我解答一下吗？