ie css兼容性

/* 针对IE10及以下版本的兼容性写法 */
.container {
  display: -ms-flexbox;
  display: flex;
}

/* 针对IE10及以下版本的兼容性写法 */
@-ms-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.element {
  -ms-animation: fadeIn 1s ease-in-out;
  animation: fadeIn 1s ease-in-out;
}

/* 针对IE9及以下版本的兼容性写法 */
@font-face {
  font-family: 'MyFont';
  src: url('myfont.eot'); /* IE9及以下版本使用EOT格式字体 */
  src: url('myfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myfont.woff2') format('woff2'), /* 现代浏览器 */
       url('myfont.woff') format('woff'), /* 现代浏览器 */
       url('myfont.ttf') format('truetype'); /* 现代浏览器 */
}