CSS：当屏幕宽度变小时，有可能使div变宽吗？

我想尝试将div宽度设置为屏幕大小的倒数，直到它达到最大值100%，只使用CSS（请不要使用JS）

需要说明的是，以下是一个示例：

• 如果屏幕大小为500px宽，则div宽度为100%
• 如果屏幕尺寸为1000px宽，则div将为50%
• 等等

我不想使用媒体查询，因为它只是太多的微观管理，我希望用某种比例计算的方法来实现这一点

到目前为止，我一直在使用“vw”尺寸按比例调整div宽度，效果很好，但在这种情况下，我想尝试做相反的事情

我希望有人能想出一种神奇的方法来做到这一点。

你可以使用

calc（Xpx-Yvw）

。当屏幕变大时，

Yvw

将增大，使div变小，反之亦然

以下是一个基本示例：

.box{
宽度：计算（750px-50vw）；
最小宽度：50px；/*让我们有一个最小边界*/
最大宽度：100%；/*和最大边界*/
保证金：自动；
高度：50px；
背景：红色；
}

---

这不意味着div将具有固定的大小吗？因为如果你有一个固定大小的div，屏幕会变小，div看起来会变大