解决360、猎豹浏览器等极速模式下css3兼容问题

时间 2019-11-19

原文原文链接

有时候你会发现你写的animation动画的css3效果，在IE、谷歌、火狐等主流的新版本的浏览器的是没有什么兼容问题的，即使你不写前缀，也是能够显示动画效果的。而后，你本地在360浏览器或猎豹浏览器下（我只试了这两个）打开，动画效果是不出来的，一开始你会想到是前缀问题，那么我把前缀加上，好像有时能够有时不能够。360跟猎豹采用的都是谷歌跟IE的双内核，为何会出现这个问题？是由于360浏览器分兼容模式和极速模式，极速模式下有兼容问题，兼容模式下问题较少，这就致使了极速模式下不支持css3。css

解决方法：经过Meta标签代码修改360浏览器（猎豹同样）默认打开的模式。html

浏览模式

极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：css3

表示极速模式web

表示兼容模式浏览器

表示IE9/IE10模式（仅在安装了IE9或IE10后可用）动画

360极速浏览器会自动为您选择使用适合每一个网站的浏览模式。因此，一般您不用了解几种内核的区别。网站

几种模式各有什么特色

极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。
兼容模式下，网站打开速度比极速模式略低，但网页兼容性问题较少。
IE9/IE10模式下，网站会使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的脚本渲染引擎。spa

切换浏览模式时，360极速浏览器将会自动同步双核间的数据，让你在双核间能无缝切换。code

Meta标签来了：htm

在head标签中添加一行代码：

<html>
<head>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
</head>
<body>
</body>
</html>

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">