常见问题

样式写了不生效

检查选择器是否选中元素、是否被其它规则覆盖（开发者工具看删除线）、!important 与内联样式权重。

Flex 子项挤不下

设 min-width: 0 或 overflow 有时可解决收缩异常；检查是否缺 flex-shrink。

Grid 轨道为空

显式行高或 min-height，或确认子项 grid-column 未越界。

动画卡顿

优先动画 transform 与 opacity；避免对 width、top 等频繁过渡。

小结

多数问题用开发者工具结合规范文档可定位。