创建相对于自身宽度的响应式 html 元素
Create responsive html element relative to its own width
每次我进行响应式设计时，我都想知道为什么所有媒体查询都固定在屏幕上 width/height。为什么不是元素的 width/height ？这可能吗？
当以某种模块化的方式制作可重复使用的 html 元素时，'scale/design' 它相对于它自己的宽度而不是屏幕宽度似乎是合乎逻辑的。这样，您只需设计一次 HTML/CSS，就可以在页面的不同部分使用它，而无需添加额外的媒体查询。
显然有解决方法，但是是否有 css-only 方法来根据它自己或 parents width/height 添加 css 规则？
此致，
佩德罗
容器查询A.K.A。 ElementQueries 仍在等待在 CSS 中本地实现。我觉得这很可悲，但看起来多年来没有任何进展。
每次我进行响应式设计时，我都想知道为什么所有媒体查询都固定在屏幕上 width/height。为什么不是元素的 width/height ？这可能吗？
当以某种模块化的方式制作可重复使用的 html 元素时，'scale/design' 它相对于它自己的宽度而不是屏幕宽度似乎是合乎逻辑的。这样，您只需设计一次 HTML/CSS，就可以在页面的不同部分使用它，而无需添加额外的媒体查询。
显然有解决方法，但是是否有 css-only 方法来根据它自己或 parents width/height 添加 css 规则？
此致， 佩德罗
容器查询A.K.A。 ElementQueries 仍在等待在 CSS 中本地实现。我觉得这很可悲，但看起来多年来没有任何进展。