Home > Article > Web Front-end > 解决360、猎豹浏览器等极速模式下css3兼容问题_html/css_WEB-ITnose
解决360、猎豹浏览器等极速模式下css3兼容问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:34:191524browse
有时候你会发现你写的animation动画的css3效果，在IE、谷歌、火狐等主流的新版本的浏览器的是没有什么兼容问题的，即便你不写前缀，也是可以显示动画效果的。然后，你本地在360浏览器或猎豹浏览器下（我只试了这两个）打开，动画效果是不出来的，一开始你会想到是前缀问题，那么我把前缀加上，好像有时可以有时不可以。360跟猎豹采用的都是谷歌跟IE的双内核，为什么会出现这个问题？是因为360浏览器分兼容模式和极速模式，极速模式下有兼容问题，兼容模式下问题较少，这就导致了极速模式下不支持css3。
解决方法：通过Meta标签代码修改360浏览器（猎豹一样）默认打开的模式。
浏览模式
极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：
表示极速模式
表示兼容模式
表示IE9/IE10模式（仅在安装了IE9或IE10后可用）
360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以，通常您不用了解几种内核的区别。
几种模式各有什么特点
极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。
兼容模式下，网站打开速度比极速模式略低，但网页兼容性问题较少。
IE9/IE10模式下，网站会使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的脚本渲染引擎。
切换浏览模式时，360极速浏览器将会自动同步双核间的数据，让你在双核间能无缝切换。
Meta标签来了：
在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标准内核。
若页面需默认用极速核，增加标签：
若页面需默认用ie兼容内核，增加标签：
若页面需默认用ie标准内核，增加标签：