那些年我在跨浏览器兼容上踩过的坑

一、事件模型差异

IE 等旧内核没有 addEventListener 早期写法的对称行为，现代项目基本用标准 API 即可，真正要注意的是 passive 监听与 preventDefault 的时序。

二、CSS 新特性的降级

• Flex/Grid 已成基线，但 Safari 的部分子属性仍需加前缀；
• gap 在旧版 Safari 的 flex 布局中不支持，必要时用 margin 兜底；
• 用 @supports 做特性探测，而不是浏览器嗅探。

三、兜底原则

核心交互必须有降级方案，视觉增强可以渐进。把"优雅降级"刻进开发习惯，比事后逐个修 bug 省心得多。