我们现在有容器查询了,但我们实际上在使用它们吗?

主要观点:在容器查询尚未存在时,开发者曾声称若有容器查询,如今大多媒体查询将变为容器查询,但实际并非如此。容器查询相对较新,存在教育普及慢和浏览器支持问题(如 Safari 15),即便在了解且浏览器支持的新或活跃开发项目中,其使用也未达预期。猜测容器查询使用少的原因包括无需基于宽度/内联尺寸的查询的灵活布局方法、流体类型、全宽组件在特定尺寸下样式更新受益等。同时提到一些关于容器查询的其他思考,如创建新堆叠上下文导致z-index副作用、有时需要额外包装元素、开发者只是整体的一部分若团队未围绕其设计则可能不应用等。
关键信息:容器查询的现状及使用情况、影响其使用的因素、一些具体例子(如截断文本、调整 UI 布局、卡片组件等)、Frontend Masters 对开源项目的捐赠。
重要细节:通过测量使用情况数据支持容器查询使用少的观点;列举多种灵活布局方法和流体类型的方式;提及不同人对容器查询的看法和思考;展示自己项目中容器查询的使用视频示例。

阅读 12
0 条评论