浏览器内核攻略

        浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释并渲染（显示）网页。

        渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同

 

一些较新的css3特性，需要添加以上前缀兼容每个浏览器

浏览器	浏览器内核	前缀
IE浏览器	Trident（IE内核）	-ms-
火狐浏览器	Gecko（Firefox内核）	-moz-
Chrome和Safari浏览器	Webkit（Safari内核，Chrome内核）	-webkit-
Chrome浏览器	Blink内核	-webkit-
360浏览器、猎豹浏览器	IE+Chrome双内核	-ms-/-webkit-

<div class="root">
  <div class="box"></div>
  <div class="box"></div>
</div>

<style>
  .root{
    display: flex;
   }
  .box{
    flex: 1;
    -ms-flex: 1;
    -moz-flex:1;
    -webkit-flex:1;
   }
</style>