CSS 片段 · CSS

容器查询示例

251代码小抄 · 可复制代码片段

说明

组件级响应。

复制后按项目类名、路径与域名微调即可。

css

.card { container-type: inline-size; }
@container (min-width: 480px) { .card .grid { grid-template-columns: 1fr 1fr; } }

可作为起点，请按项目规范、安全与兼容性评审后再上线。

生成类需求可用 tool.251w.com；需要整站定制可联系 web.251w.com。