html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式

360浏览器升级到6.0版本后对html5实现了全面兼容，于此同时360 6.0版本浏览器提供了两种模式：1.极速模式 2.兼容模式，也就是说360浏览器为双核浏览器。浏览器最核心的部分是渲染引擎(Rendering Engine)，我们一般习惯称之为“浏览器内核”，其负责解析网页语法(如HTML、JavaScript)并渲染、展示网页。双核并不是指一个页面由2个内核同时处理,而是所有网页由webkit内核处理,只有银行网站用IE内核。

下面就两种模式下得兼容性调试方法和技巧做下分析：

1.兼容模式内核为ie内核

调试兼容模式下的页面兼容问题，需要针对ie7-ie8进行设置，尤其是要考虑ie7的兼容问题，一般可先采用调整网页盒子模型，如果无法调试到正常，可使用css hack单独对ie7设置，仅针对ie7 hack的写法*+html(注意是选择符，例如：*+html .div{ height:200px;})；此处还要注意的是ie7下盒子不会自动撑开，如果设置的盒子高度小于内容的高度，那么内容跑到内容容器下方去了，然而高度还是不变，而在IE6中，容器会随着内容的增加自动伸展。

2.极速模式内核为Webkit(Chrome)的内核

调试极速模式下的页面兼容问题，可以参照谷歌浏览器渲染效果为依据，对盒模型解析注意：我们用了display:block 这个属性，在谷歌浏览器中，display:block和border这两个属性的width值和height值会相加。谷歌浏览器Chrome是Webkit的内核，有一个 -webkit-text-size-adjust 的私有 CSS 属性，通过它即可实现字体大小不随终端设备或浏览器影响。CSS样式定义如下：

-webkit-text-size-adjust:none;

解决Chrome谷歌浏览器不支持CSS设置小于12px的文字问题

1)谷歌浏览器不支持设置CSS较小字体问题分析

网页常常为了排版美观，会使用忽大或小的文字，通常font-size文字为12px(像素)文字。设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字文字效果。

谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点，特别是在制作英文网站时，常常使用CSS样式显示小于12px文字，这样谷歌浏览器就不能显示所设置较小的文字。

2)CSS代码解决方案

在html或者body里添加一句谷歌浏览器专有的内核属性样式(或者在需要设置小文字字体对象CSS选择器添加也可)如下CSS代码： html,body{-webkit-text-size-adjust:none;}

注：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！(就是按住CTRL键上下滚动鼠标中键的那功能)

更多的关于360 6.0双核浏览器兼容问题解决方法有待不断探究。

html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客相关推荐

自动设置为兼容模式html5,360浏览器怎么样让某网站自动以兼容模式打开
在使用浏览器的时候,可以通过默认形式内核打开网页,但是有一部分网页不支持急速模式,两种模式相互切换非常的不方便,但是我们可以以自动的形式打开兼容模式,这样就可以减少用户的麻烦,让用户可以随时掌握最便捷 ...
建造者模式浅谈与工厂模式的区别
感谢您的阅读.如果感觉文章对您有用,麻烦您动动手指点个赞,以资鼓励.谢谢! 转载请注明出处哈建造者模式浅谈与工厂模式的区别_茄子_土豆的博客-CSDN博客_建造者模式和工厂模式的区别创建对象时构 ...
N81 UCWEB 7.0，UC浏览器7.0版本
N81 UCWEB 7.0,UC浏览器7.0版本 UC公司前天刚推出的7.0的UCWEB浏览器. 81用户建议立即升级,改进很多哈. 网友评论很不错!我也在用. 下载地址: http://www.uc ...
php 360 极速模式,如何让360浏览器默认使用极速模式
现在国内的浏览器市场,360浏览器的份额已经不容小觑,许多人在使用的浏览器的时候,并不知道怎么去设置360浏览器.那么,为了保证网站有更好的体验效果,我们就需要强制的给使用360浏览器的用户设置成极速 ...
让360浏览器强制优先使用极速模式
在head标签中添加一行代码: <html><head><meta name="renderer" content="webkit|ie-c ...
解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题
刚开始写页面的时候,会出现很多问题,当然兼容性问题是最不容忽视的.然而就在刚刚我写代码的时候,在谷歌运行的很好的代码,突然转到360的三种模式的时候,就出现了各种问题.然而我也各种找解决办法,终于还是 ...
python采用函数式编程模式-浅谈Python 函数式编程
匿名函数lambda表达式什么是匿名函数? 匿名函数,顾名思义就是没有名字的函数,在程序中不用使用 def 进行定义,可以直接使用 lambda 关键字编写简单的代码逻辑.lambda 本质上是一个 ...
关于计算机运行管理模式,浅谈学校计算机机房管理及维护运行模式.docx
浅谈学校计算机机房管理及维护运行模式摘要:计算机辅助教学在学校的教学体系中占有重要地位,计算机机房是学校教学和学生实践学习的重要学习场所.合理的机房管理与维护模式,是提高学校教学质量和培养学生 ...
php如何适应360兼容模式,教你360浏览器开启兼容模式的图文教程
我们在使用电脑时很多时候都需要运行浏览器,但有的用户却跟小编反映说自己想要给360浏览器开启兼容模式但不知道怎么操作,那360浏览器兼容模式怎么设置呢?下面本文就来教大家关于360浏览器开启兼容模式的 ...

html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客

html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客相关推荐

最新文章

热门文章