Css 元素的宽度在两个值之间变化

有没有办法强迫一个元素具有我们想要的宽度值

例如： 最小宽度为100px，但如果元素需要更多空间，则下一步是200px，而不是所需的内容

---

其目的是在特定宽度之间切换。

您可以使用

夹具（）

来近似此值，如下所示：

调整包装器的大小以查看开关

.box{
宽度：夹钳（100px，（100%-200px）*1000200px）；
背景：红色；
高度：100px；
}
.包装纸{
溢出：隐藏；
边框：2倍实心；
调整大小：水平；
}