360极速模式和兼容模式对页面的影响

360浏览器模式不同都会对页面有一些出乎意料的效果的影响：

众所周知，360浏览器有两种模式：兼容模式和极速模式。两种模式下，兼容性不同，有时会导致页面效果不尽相同，各有差异。

但模式选择具体如何定的，尚且抛开不管，单就页面的一些兼容性处理来说，目前还远远不足以和google、firfox、等等其他PC浏览器和手机浏览器相媲美。

例如：

html代码如下

<div class="er-code"><img src="data:images/PictureCheckCode" id="CreateCheckCode" align="middle"><a class="refresh" onclick="myReload()"></a>
</div>

css代码如下

.er-code {position: absolute;top: 0;right: 0;width: 9.0625em;height: 2.5em;background: #999;
}
.er-code img {width: 6.5625em;height: 2.5em;
}
.er-code .refresh {width: 2.5em;height: 2.5em;background: url(../images/login/bg_refresh.png) no-repeat 0 0;background-size: 2.5em;float: right;cursor: pointer;
}

360浏览器模式如图所示：

页面效果如下：

**提示：**如上图所示，验证码“6823”的 刷新按钮 出现了错位现象：

解决办法

修改代码后如下：

.er-code img {width: 6.5625em;height: 2.5em;float：left; /*如无此句代码，谷歌和火狐的浏览器也是正常的*/
}

另外，在两种不同的模式下，还有其他的问题，比如：

在 极速模式 下，页面效果是：

但是，在 兼容模式 下，就会出现如下图所示的等等问题：

所以有时候，兼容模式也不一定能达到最完美的效果。

出现上面的小问题，对于360所产生的差异效果，我也是醉醉的，还是要靠码农攻城狮在以后的工作和学习中继续发现和及时总结的。

以上代码和效果图仅供参考！

以上就是关于“ 360极速模式和兼容模式对页面的影响 ”的全部内容。”

360极速模式和兼容模式对页面的影响相关推荐

html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客
360浏览器升级到6.0版本后对html5实现了全面兼容,于此同时360 6.0版本浏览器提供了两种模式:1.极速模式 2.兼容模式,也就是说360浏览器为双核浏览器.浏览器最核心的部分是渲染引擎(R ...
用meta name=renderer content=webkit|ie-comp|ie-stand来切换360双核安全浏览器的极速模式和兼容模式
以下信息摘自360官方网站: 浏览模式: 极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 极速模式表示极速模式兼容模式表示兼容模式 IE9IE10模式表示IE9/IE10 ...
360极速模式和兼容模式
360浏览器内核 360浏览器包含了两个内核:谷歌内核和IE内核. 极速模式代表着高速,意味着是高版本的浏览器.极速模式是以Blink(Webkit)为内核的浏览模式,Blink内核具有更高的网页浏 ...
【踩坑】360安全浏览器“极速模式”和“兼容模式”，套路还是bug？
分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta ...
360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？
问题最近遇到一个验证码出不来的问题,在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,效果如下: 这个验证码的代码元素如下,是一张图片,由接口提供的一个图片链接,返回的是文件流. ...
关于搜狗浏览器和360安全浏览器的兼容模式
在处理浏览器兼容问题时,最让我头疼的是搜狗浏览器和360安全浏览器的兼容模式.有时表现为IE7内核,有时又表现为系统IE内核.上网搜了一下资料研究了一番.只是个人的小小研究,如有错误欢迎各路大神指教. ...
android 兼容模式设置,天天安卓模拟器切换极速模式与兼容模式的方法
天天安卓模拟器是一款非常优秀的安卓模拟器,其为用户提供了一个完善的安卓模拟环境,帮助用户运行安卓上的游戏.应用,而且其为用户提供了诸多的辅助功能,按键操作.手柄操作.全屏.截屏等都能轻松实现,而这款软 ...
浏览器急速模式跟兼容模式导致网站显示不同的问题
我们知道有些浏览器在浏览网站的时候可以选择急速模式跟兼容模式,不同的模式可能导致页面不一样,原因是在兼容模式的时候浏览器会根据ie版本指定显示,但是我们知道在ie的开发者工具中浏览器模式跟文档模式不一 ...
doctype的作用，标准模式和兼容模式的区别
doctype的作用: DOCTYPE是document type (文档类型) 的缩写. 声明位于文档的最前面,处于标签之前,它不是html标签. 主要的作用是告诉浏览器的解析器使用哪种HTML规范 ...

360极速模式和兼容模式对页面的影响

360浏览器模式不同都会对页面有一些出乎意料的效果的影响：

例如：

html代码如下

css代码如下

360浏览器模式如图所示：

页面效果如下：

解决办法

另外，在两种不同的模式下，还有其他的问题，比如：

360极速模式和兼容模式对页面的影响相关推荐

最新文章

热门文章

360极速模式和兼容模式对页面的影响

360浏览器模式不同都会对页面有一些出乎意料的效果的影响：

例如：

html代码如下

css代码如下

360浏览器模式如图所示：

页面效果 如下：

解决办法

另外，在两种不同的模式下，还有其他的问题，比如：

360极速模式和兼容模式对页面的影响相关推荐

最新文章

热门文章

页面效果如下：