Browser Kernel Strategy

        The most important or core part of the browser is the "Rendering Engine", which can be roughly translated as "rendering engine", but we are generally accustomed to calling it the "browser kernel". Responsible for interpreting web page syntax and rendering (displaying) web pages.

        The rendering engine determines how the browser displays the content of the web page and the format information of the page. Different browser kernels have different interpretations of web page writing syntax, so the rendering (display) effect of the same web page in browsers with different kernels may also be different.

 

Some newer css3 features need to add the above prefix to be compatible with each browser

Browser	Browser kernel	prefix
Internet Explorer	Trident (IE core)	-ms-
Firefox browser	Gecko (Firefox core)	-moz-
Chrome and Safari browsers	Webkit (Safari core, Chrome core)	-webkit-
Chrome browser	Blink core	-webkit-
360 Browser, Cheetah Browser	IE+Chrome dual core	-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>