前端浏览器兼容 <meta name="renderer" content="webkit">

content="webkit"：让双核浏览器优先使用webkit内核渲染页面
双核是：webkit内核 和 IE的Trident内核

一个网站大量采用了html5和css3，希望用户都以支持H5和css3的webkit内核打开页面则设置content="webkit"即可。

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

解决<meta name="renderer" content="webkit"> 不起作用的问题    

在网页头部标签内

<meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

三个都写上就不会出现 < meta name="renderer" content="webkit" > 不起作用的问题。

这三行代码分别作用于不同环境，如下所述：

<meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/>rame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器 --><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>