总结浏览器的兼容性问题

• 浏览器渲染内核
  • chrome   Blink
  • firefox     Gecko
  • IE trident
  • Opera blink 
  • IE浏览器与edge浏览器的区别
    • edge更轻量，兼容webkit  blink 渲染引擎
    • edge浏览器与w10绑定，取代了IE
• 有兼容性的CSS3属性
  • 定义关键帧动画 @keyframes
  • 变形、过渡、动画
  • border-radius
  • box-shadow
  • flex
• 解决方案：
  • csshack
  • 添加前缀兼容，避免使用在浏览器中已经废弃的API
    • -ms- /* IE */
    • -o- / Opera浏览器（早期）/
    • -webkit- 
    • -moz- /火狐/

.a{
    -webkit-animation-name:anima;
    -moz-animation-name:anima;
    -o-animation-name:anima;
    -ms-animation-name:anima; 
    animation-name:anima;   
  }