CSS grid 与 flex 怎么选，本质是看维度：flex 管一维排列与对齐，grid 管二维行列网格，二者互补不互斥。本文给出一维与二维的判定标准，以及导航条卡片流选 flex、表单墙相册选 grid、大区用 grid 小区用 flex 嵌套三个场景，并指出追新、硬拼二维等常见误解，照着选就不必反复横跳。

CSS响应式布局先做流式基础，再按层级选择：数量不固定卡片用Grid的auto-fit + minmax，页面级结构变化用@media，组件跨区域复用用容器查询@container。排错先查viewport、固定宽度、长单词、图片和container-type，不要直接overflow-x: hidden。