限制目前，您不能使用基于高度的容器查询，只能使用块轴方向上的查询 。为了让网格子元素与 @container 一起工作，我们需要添加一个容器元素 。尽管如此，添加容器仍可让我们获得所需的效果 。
试试看您现在可以在 Chromium 中试验 @container 属性，方法是导航到：Chrome Canary 中的 chrome://flags 页面并打开 #
experimental-container-queries 标志 。
文章插图
【下一代 CSS：@container】
推荐阅读
- CSS选择器的一些用法
- 一行 CSS 实现 10 种现代布局
- 下一代互联网快要来了？分清楚Web3和Web3.0再说！
- Apple|苹果下一代手表新爆料：有望支持体温监测功能
- 有哪些不同的CSS前端框架可供选择？
- 下一代的WiFi技术将至，但我们却感到忧心
- 一篇文章教会你使用JS+CSS实现一个简单加载进度条的效果
- css实现三角符号
- 下一代SDS，你准备好了吗？
- css超级实用的一些写法