我想使用媒体查询根据 a 的大小调整元素的大小div
它们所在的元素。我不能使用屏幕尺寸作为div
只是像网页中的小部件一样使用,其大小可能会有所不同。
是的,CSS 容器查询正是您所寻找的。这CSS 遏制模块是详细说明此功能的规范。您可以检查浏览器支持情况here.
您可以阅读更多有关decade工作,包括提案、概念验证、讨论和更广泛的 Web 开发者社区的其他贡献here!有关此类功能如何工作和使用的更多详细信息,请查看 Miriam Suzanne 的广泛的 解释者.
媒体查询并非设计为基于页面中的元素进行工作。它们被设计为基于设备或媒体类型(因此为什么他们被称为media查询)。width, height和其他基于尺寸的媒体功能均指基于屏幕的媒体中视口或设备屏幕的尺寸。它们不能用于引用页面上的某个元素。
如果您需要根据特定的尺寸应用样式div
页面上的元素,您必须使用 JavaScript 来观察该元素大小的变化div
元素而不是媒体查询。
或者,自从本答案最初发布以来引入了更现代的布局技术(例如 Flexbox)和标准(例如自定义属性),您可能根本不需要媒体或元素查询。Djave 提供了一个例子。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)