|
有时候你会发现你写的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标准内核。
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand"> | 
|手机版|小黑屋|Java自学者论坛
( 声明：本站文章及资料整理自互联网，用于Java自学者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2021-5-25 15:33:31