A parte mais importante ou central do navegador é o "Mecanismo de renderização", que pode ser traduzido aproximadamente como "mecanismo de renderização", mas geralmente costumamos chamá-lo de "kernel do navegador". Responsável por interpretar a sintaxe da página da web e renderizar (exibir) páginas da web.
O mecanismo de renderização determina como o navegador exibe o conteúdo da página da web e as informações de formatação da página. Diferentes kernels de navegadores têm diferentes interpretações da sintaxe de escrita de páginas da Web, portanto, o efeito de renderização (exibição) da mesma página da Web em navegadores com diferentes kernels também pode ser diferente
Alguns recursos CSS3 mais recentes precisam adicionar os prefixos acima para serem compatíveis com todos os navegadores
| Navegador | Kernel do navegador | prefixo |
|---|---|---|
| Internet Explorer | Tridente (núcleo do IE) | -EM- |
| Navegador Firefox | Gecko (núcleo do Firefox) | -moz- |
| Navegadores Chrome e Safari | Webkit (kernel Safari, kernel Chrome) | -webkit- |
| Navegador Chrome | Núcleo piscante | -webkit- |
| Navegador 360, navegador chita | 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>