有一个模态 DIV，其中包含响应式选项卡，例如在最小宽度 (720px) 上从水平变为垂直。
该 div 可以由用户调整大小!
所以问题是，如果用户将 div 大小调整为 600px，则不会发生响应变化，那是因为屏幕宽度没有改变。
我的问题是:是否有任何技巧或方法可以使 USER RESIZABLE DIV 响应其宽度变化而不是屏幕宽度？ 我试图弄清楚如何用 calc 来做到这一点，但我认为它会是这样的:
calc(100% - div-width)= ... etc.
但我认为 CSS 不支持这种方式。
非常感谢。
最佳答案
为了达到您在上面的评论中所说的结果，我认为一个很好的方法是使用 css grid 或 flex。您可以使用其中之一使您的 div 响应，而无需媒体查询。
示例:display:flex; flex-wrap:wrap;。
关于html - 基于元素宽度的CSS媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65875678/