直接在@media中重写grid-template-columns即可响应式切换：小屏用1fr单列，中屏用re […]

响应式断点应以内容驱动为主，优先选用min-width，避开设备碎片化；基础样式写在媒体查询外，断点内仅覆盖必 […]

旧版flex布局需降级为-webkit-box语法以兼容ios safari 6–9和android 4.4； […]

grid圣杯布局更省心因原生支持显式轨道与隐式区域分配，无需清除浮动、手动计算flex-basis或写媒体查询 […]

这是css规范定义的外边距折叠行为：当父元素无border/padding/内容分隔时，子元素的margin- […]

用 display: flex + align-items: center + justify-content […]

浮动页脚塌陷需清除浮动或触发bfc：用overflow:hidden、clear:both空div或伪元素:: […]

导航菜单在移动端不折叠，需检查是否遗漏navbar-toggler按钮和data-bs-toggle=&#82 […]

flex-grow 按容器剩余空间而非自身宽度分配，公式为“剩余空间 ×（自身值／总和）”，且必须以 flex […]

width和height在flex容器中仍生效，但作为flex-basis的后备值；当flex-basis未设 […]