文章标签

一个全新的、完美运行的容器查询 polyfill

现在有一个易于使用的 CSS 容器查询 polyfill。你只需有条件地加载它，然后忘记它。然后编写符合规范的容器查询代码。

Chris Coyier 于 2022 年 1 月 19 日

Ahmad Shadeed 记录了来自 Facebook CSS 代码库的真正 CSS 技巧。这个想法是，当元素占据视窗的整个宽度时，它就没有 border-radius。但是，在其他情况下，它具有 8px 的 border-radius。…

Chris Coyier 于 2021 年 10 月 5 日

容器查询将解决 web 设计中一个长期存在的问题，即我们希望根据元素（容器）的大小而不是整个页面的大小来做出设计选择。因此，如果一个容器…

Chris Coyier 于 2022 年 1 月 14 日

Una 将其称为 the new responsive。这是对我们无疑身处的时代的致敬，即响应式设计时代。响应式设计是流体网格、灵活媒体和媒体查询，新的响应式设计是这些东西…

Chris Coyier 于 2021 年 6 月 22 日

Max Böck 接受了我的挑战，即查看一个代码库，看看有多少 @media 查询最终可以成为 @container 查询。

我接受了挑战，查看了一些我的项目 -

…

Chris Coyier 于 2021 年 6 月 15 日

我不知道你们怎么样，但我的订阅源都被关于 CSS 容器查询的文章淹没了。容器查询的热潮实际上始于 12 月，当时 Miriam Suzanne 发表了一个提案（接续了…

Geoff Graham 于 2021 年 6 月 11 日

如果你关注 CSS 的新发展，你可能听说过即将到来的 容器查询。我们将在这里了解基础知识，但如果你想了解更多信息，请查看 Una 的 “下一代 CSS：@container” 文章。…

Jhey Tompkins 于 2022 年 9 月 21 日

Chrome 正在试验 @container，这是一个在 CSS 工作组包含级别 3 规范中的属性，该规范由 Miriam Suzanne（来自 Oddbird）以及 web 平台的工程师团队共同倡导。 @container 为我们带来了…

Una Kravets 于 2022 年 8 月 29 日

容器查询终于来了！现在，在最新版本的 Chrome Canary 中，你可以使用它，尽情体验。哦，如果你不熟悉容器查询，请查看…

Robin Rendle 于 2022 年 10 月 4 日