基于元素宽度的CSS媒体查询
基于元素宽度的CSS媒体查询
提问于 2021-01-25 04:36:16
例如，具有包含响应标签的模态DIV，所述响应标签在最小宽度(720px)上从水平变为垂直。
此div可由用户调整大小！
所以问题是，如果用户将div大小调整为600px，则不会发生响应更改，这是因为屏幕宽度没有更改。
我的问题是:有什么技巧或方法可以让用户可调整大小的DIV响应其宽度变化而不是屏幕宽度？我试着找出如何使用calc，但我认为应该是这样的：
calc(100% - div-width)= ... etc. 但我不认为CSS会以这种方式支持它。
非常感谢。
回答 2
Stack Overflow用户
发布于 2021-01-25 05:40:31
为了达到你在上面的评论中所说的效果，我认为一个很好的方法是使用css grid或flex。你可以让你的div响应其中的一个，而不需要媒体查询。示例：display: flex; flex-wrap: wrap;。
Stack Overflow用户
发布于 2021-01-25 05:47:47
你可以像xhoni说的那样使用display:flex; and flex-wrap:wrap。另外，我建议您将font-size与media-queries一起使用，因为如果屏幕宽度减小，而您的字体没有减小。它可能会出现一些显示或设计问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65875678
复制相关文章
相似问题
腾讯云开发者
