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

有时候你会发现你写的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">

时间: 2025-01-02 16:33:35

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

【CKEditor ASP.NET】解决360安全浏览器极速模式下不显示

博主问题只是出在误删了style.js文件 首先我用的是这种模式,在单个页面上导入: <%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %> 然后直接把空间拖放到页面上 <div> <CKEditor:CKEditorControl ID="txtContent" Height=&q

解决背景在360极速模式下不显示的问题

网站在ie和360兼容模式下,背景图片都显示很正常,但是在360极速模式下显示不出来,这主要因为没有设置宽和高的问题,导致无法显示,所以给背景设置宽高即可 如:<td  height=“70px”  width="204" background=images/box.gif align="center"></td>

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下 这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下. 一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决. 以下信息摘自360官方网站: 浏览模式 极速模式.

flex与相对定位在国内双核浏览器极速模式下的兼容性问题

---恢复内容开始--- 览器兼容性问题是前端的一个重要部分. 在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器.双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式.兼容模式时使用IE内核,极速模式采用webkit内核.而目前大部分网站为了性能和用户体验,默认使用极速模式.在极速模式出现问题时,使用兼容模式. 虽然极速模式是使用的webkit内核,但是浏览器的表现却还是有一定差异.平时使用Chrome调试,在极速模式下却表现的不正常. 好,进入正题

Web编程 &gt; HTML/WML/CSS兼容/XML &gt; 如何强制360浏览器以极速模式打开页面

新版本的360有2种模式,基于Webkit内核的极速模式,和IE内核的兼容模式. 如果要强制360以极速模式浏览网页,可以给此网页增加meta,强制360浏览器以极速模式解析此网页,而非IE兼容模式. 代码示例,在head标签中添加一行代码: -收缩HTML代码 运行代码 [如果运行无效果,请自行将源代码保存为html文件运行] <html><head><meta name="renderer" content="webkit">

0c-42-ARC模式下如何兼容非ARC的类

1.ARC模式下如何兼容非ARC的类 让程序兼容ARC和非ARC部分.转变为非ARC -fno-objc-arc 2.将MRC转换为ARC ARC也需要考虑循环引用问题:一端用strong,一端用weak. 提示:字符串是特殊的对象,但是不需要使用release手动释放,这种字符串对象默认就是autorelease,不需要额外管理内存. 如果一个项目是MRC的,那么我们可以把这个项目转换成ARC.

1.ARC模式下如何兼容非ARC的类

ARC模式下如何兼容非ARC的类 :转变为ARC的, -f-objc-arc 非ARC模式下如何兼容ARC的类 :转变为非ARC -fno-objc-arc

如何强制360浏览器以极速模式打开页面

以前看到过一个问题,后台页面布局全部乱了,就360浏览器有问题,其他都是好的,兼容问题无疑,开始一个个找问题. 打开360浏览器,发现他是使用的兼容模式,F12一下,嗯,标准模式不对,IE5,但是已经添加了 <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 百度下-_-!  360的问题. <meta name="renderer" cont

【踩坑】360安全浏览器“极速模式”和“兼容模式”,套路还是bug?

分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开 网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> 2.<meta name="renderer" content="webkit"> -------------------