CSS 容器查询生成器
可视化生成 @container 容器查询 CSS 代码，支持多断点与自定义声明
断点列表
生成的 CSS
—
实时预览（拖动调整容器宽度）
容器宽度
360px
卡片标题
内容随容器宽度自动调整样式。
💡 提示：使用容器查询前，父元素需设置
container-type。生成的 CSS 会包含容器声明与 @container 规则，把容器声明放到父级选择器上即可。容器查询目前所有现代浏览器均已支持。