IE条件注释仅在IE5–IE9生效，IE10+已废弃；autoprefixer仅添加标准CSS前缀，不支持IE特有语法或根本性兼容修复；有效策略是特征检测+分层回退。
IE条件注释只在IE9及以下生效，IE10+已彻底废弃
条件注释（如 <!--[if IE]>）是IE专属的HTML语法，但仅被IE5–IE9识别；IE10开始完全移除支持，Edge更不认。这意味着用它“给IE加补丁”本质上是个历史兼容方案，现在只适用于仍需支持老旧内网系统的场景。
常见错误现象：<!--[if IE 10]><link rel="stylesheet" href="ie10.css"><![endif]--> 在IE10/11里完全不触发，样式不会加载。
- 真正能用条件注释的只有 IE6–IE9，且必须用
documentMode匹配对应渲染模式（例如兼容视图可能回落到IE7模式） - HTML必须是 quirks 或 standards 模式，XML声明或
<!DOCTYPE html>前有空格会导致条件注释失效 - 现代构建流程（Webpack/Vite）中，条件注释无法被JS动态插入，只能硬写在HTML模板里
PostCSS autoprefixer 不处理IE专属属性，只加标准CSS前缀
autoprefixer 的作用是根据 browserslist 配置，为 transform、flex、grid 等标准属性自动注入 -ms-、-webkit- 等前缀——但它**不会**生成 IE特有语法（如 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)），也不会修复 IE盒模型、display: inline-block 垂直对齐等根本性差异。
- 若
browserslist包含ie >= 10，autoprefixer会加-ms-transform，但不会加-ms-flexbox（因该属性已被标准flex取代） - IE8及以下连
autoprefixer输出的现代语法都不认识，加了前缀也白加 - 想让
place-items在IE中“模拟”效果？autoprefixer做不到，得手动写text-align+vertical-align回退
真正有效的IE补丁策略：分层渐进 + 特征检测
靠单一工具打补丁不现实。实际项目中更可靠的方式是：用 @supports 或 JS 检测能力，再加载针对性样式或polyfill。
立即学习“前端免费学习笔记（深入）”；
- 用
@supports (display: grid)包裹现代布局，IE直接跳过；再用.ie .my-grid { display: -ms-grid; }单独定义IE规则（需先通过JS加class="ie"到<html>） - 避免用
document.all && !window.atob这类脆弱判断，改用!!window.MSInputMethodContext && !!document.documentMode更稳 - 关键交互组件（如日期选择器）优先引入
webshim这类专注IE的polyfill库，而非自己拼CSS hack
如果必须支持IE8，别碰PostCSS自动方案
IE8不支持 @media 查询以外的任何CSS3特性，也不解析 calc()、rgba()、border-radius —— 此时 autoprefixer 加的前缀毫无意义，反而增加体积。真正要做的，是构建时分离两套样式：
- 主样式表用 PostCSS 处理现代浏览器，输出
main.css - 另建
ie8.css，手动重写关键模块：用background-image: url(gradient.png)替代linear-gradient，用zoom: 1触发 hasLayout - 通过条件注释只让IE8加载
ie8.css：<!--[if IE 8]><link rel="stylesheet" href="ie8.css"><![endif]-->
最易被忽略的一点：IE8对CSS文件大小敏感，单个CSS超过288KB会截断，所以 ie8.css 必须精简，删掉所有无关选择器和注释。
