[IE] 在IE瀏覽器遇到的兼容問題或者非兼容問題

問題：
使用display: flex樣式的元素和Chrome上面看到的不太一致

解決：
需要具體問題具體分析，最終修改成了display: block，對項目樣式沒有太大影響

---

問題：
ES6語法問題，原本項目中已經在使用webpack打包是使用了babel-polyfill進行語法轉化，但是還是出現了語法問題，最終定位爲使用的第三方庫query-string的版本爲6.+，其語法爲ES6

解決：
降低了query-string的版本爲5即可

---

問題：
程序在Chrome、Firefox下沒有問題，但是在IE下提示
@font-face 未能完成 opentype 嵌入權限檢查。權限必須是可安裝的。查詢後發現時CSS3114 error
原代碼：

@font-face {
  font-family: BOD;
  src: url("/fonts/BOD.TTF");
}

解決：
@font-face的語法規則是這樣的：

   @font-face {
      font-family: <YourWebFontName>;
      src: <source> [<format>][,<source> [<format>]]*;
      [font-weight: <weight>];
      [font-style: <style>];
    }

將字體轉換成eot格式，並在src中添加新的支持IE的source和format

@font-face {
  font-family: BOD;
  src: url("/fonts/BOD.TTF"),
       url("/fonts/BOD.eot?#iefix") format("embedded-opentype");
}

借鑑：
stackoverflow: https://stackoverflow.com/questions/5587956/make-adobe-fonts-work-with-css3-font-face-in-ie9/5610398#5610398
csdn: https://blog.csdn.net/Shore_W/article/details/8976188
zhihu: https://www.zhihu.com/question/29795413

---