最近在搞前端兼容性问题，发现渐进增强这玩意儿真不是盖的。以前总觉得只要功能能跑就行，现在才发现，老版本浏览器不支持新语法那咋整？特别是 IE 那些，简直让人头大...不过仔细研究了一下，其实按着渐进增强思路来，先保证基础功能，再逐步添加高级特性，确实能规避不少坑。像我之前写的那些样式，直接用 flex 布局，结果好几个老机器上直接崩了，后来改成 fallback 写法，虽然丑点但至少能看。这招真心好用，比硬上 polyfill 省事多了吧。#前端 #兼容性 #渐进增强

/* 渐进增强示例 */
.container {
  display: flex;
  flex-direction: column;
}
.container > * {
  margin-bottom: 10px;
}
/* 老版本浏览器兼容 */
.container {
  display: block;
}
.container > * {
  display: block;
  margin-bottom: 10px;
}