浅谈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双核浏览器兼容问题解决方法有待不断探究。

本文固定链接: http://www.webzsky.com/?p=45 | 蓝戒的博客