小屏样式写在文件后面，实际在大屏也生效，顺序完全对不上。乍看像缓存或者权限的锅，追下去往往不是。
@media (min-width: 576px) { .box { padding: 16px; } }
@media (min-width: 992px) { .box { padding: 32px; } }
追下去是这么回事：断点从大到小书写导致后面的规则覆盖前面的，或选择器权重不足。
碰到「媒体查询失效」这类问题，我习惯先把当前配置原样备份一份，改坏了立刻换回来，不用现场推。验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。
能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。报错里带路径的，先去看那个路径在不在、权限对不对。
同一份配置存在多处的，先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。
备份不是备了就行，恢复一次才算数，很多备份文件打开才发现是空的。
具体做法是，按从小到大的顺序组织断点；避免在同一权重下重复定义；确认没有内联样式覆盖。
验收就看一点，各断点下样式与设计稿一致，缩放时按预期切换。