.card {
border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
}
clamp()
clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。
.card {
border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
}
clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。