IE11中flex:1解析为flex:1 1 0%而非auto，导致换行失效、文字截断失败和子项塌陷；须显式设flex-basis为带小数的百分比（如33.333%），禁用flex-basis:auto，并配box-sizing:border-box与word-break:break-word。
有，而且是高频、隐蔽、容易连锁崩溃的兼容性问题。核心出在 flex-basis 的解析逻辑差异上，尤其在 IE10/11 和旧版 Safari 中表现最典型。
IE11 把 flex: 1 解析成 flex: 1 1 0% 而不是 auto
这是最常踩的坑：你写 flex: 1，现代浏览器展开为 flex: 1 1 auto，但 IE11 展开为 flex: 1 1 0%（或 0）。这个 0% 直接导致：
- 换行失效：
flex-wrap: wrap失效，因为浏览器无法基于0%判断“是否超出容器宽度” - 文字截断失败：
text-overflow: ellipsis不生效，内容被强行压缩 - 子项塌陷：含文字的弹性项高度归零，图标错位、
el-step塌成一条线
修复方式不是加前缀，而是显式声明非零 flex-basis：
.item {
flex: 0 0 33.333%; /* 三栏等分，必须带小数 */
box-sizing: border-box;
flex-wrap: wrap; /* 父容器需设 */
}
flex-basis: auto 在 IE10/11 中常被当成 0
哪怕你手动写了 flex-basis: auto，IE 也可能忽略或解析为 0，触发和 flex: 1 同样的连锁故障。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 彻底删掉所有
flex-basis: auto—— 它在 IE 下就是高风险语法 - 用
flex-basis: 0替代，配合flex-grow: 1实现“撑满但可换行” - 含文字的子项额外加
width: 0，再配flex: 1，IE 下text-overflow才可靠 - 必须加
word-break: break-word，否则 IE11 可能因尺寸误算导致文字溢出容器
Safari 10 及更早版本不识别无单位的 flex-basis 值
比如 flex: 1 1 200（漏写 px），Safari 会直接忽略整个 flex 声明，退回到块级流布局。
这类错误不会报错，只表现为“突然不弹性了”，排查成本高：
- 所有
flex-basis值必须带单位：200px、33.333%、max-content（IE 不支持后者） - 避免混用
min-width和flex-basis：Safari 10 下，设了min-width的弹性项可能拒绝换行 - 百分比值务必带小数：用
33.333%，不用33%；IE 对截断敏感，33%可能被当成0
真正麻烦的不是漏写 -ms- 前缀，而是 flex-basis 这一环崩了，后续的 flex-grow、flex-wrap、min-width 全部失效——它不是样式问题，是计算链的第一环断裂。
