IE 兼容 ​

不兼容 Promise ​

兼容性问题主要来源于 IE 浏览器可能对如下特性不支持：

新的 JavaScript 语法特性 新的 JavaScript API 或 DOM API 新的 CSS 特性

使用 Polyfill，抚平不同浏览器之间对 js 实现的差异。

在页面引入 polyfill.min.js 脚本，位置需要在第一个加载。

flex 布局 ​

• 在 IE11 下 flex: 1 解析为 1 1 0, 而不是其他浏览器的 1 1 auto

.content-wrapper {
  display: flex;
  flex-grow: 1; /* flex:1 改变成 flex-grow: 1 */
}

或者指定具体值

.content-wrapper {
  display: flex;
  flex: 1 1 auto; 
}

• min-height 属性在 flex 容器上无效

在当前 flex 容器上再添加一个 flex 容器