知识库
CSS Grid 命名区域实战：让页面布局在移动端与桌面端复用同一套模板
为什么用命名区域 写响应式布局时，常见做法是用 Flexbox 配合 order 属性在断点处重排元素顺序。元素一多，order 数字会变得难以维护，也看不出布局意图。 CSS Grid 的 grid template areas 允许你用…
#CSS Grid#响应式布局#grid-template-areas
CSS 容器查询实战：让同一个卡片组件在不同容器宽度下自动换布局
为什么需要容器查询 媒体查询（@media）关注的是 视口宽度 ，而组件复用时真正决定布局的往往是 它自己被放进多大的容器里 。同一个卡片组件，放在侧边栏（约 280px）和主内容区（约 700px）里，理想布局完全不同。容器查询（Cont…
#CSS#容器查询#响应式布局#组件化