360瀏覽器升級(jí)到6.0版本后對(duì)html5實(shí)現(xiàn)了全面兼容，于此同時(shí)360 6.0版本瀏覽器提供了兩種模式：1.極速模式 2.兼容模式，也就是說360瀏覽器為雙核瀏覽器。瀏覽器最核心的部分是渲染引擎(Rendering Engine)，我們一般習(xí)慣稱之為“瀏覽器內(nèi)核”，其負(fù)責(zé)解析網(wǎng)頁(yè)語(yǔ)法(如HTML、JavaScript)并渲染、展示網(wǎng)頁(yè)。雙核并不是指一個(gè)頁(yè)面由2個(gè)內(nèi)核同時(shí)處理,而是所有網(wǎng)頁(yè)由webkit內(nèi)核處理,只有銀行網(wǎng)站用IE內(nèi)核。

下面就兩種模式下得兼容性調(diào)試方法和技巧做下分析：

1.兼容模式內(nèi)核為ie內(nèi)核

調(diào)試兼容模式下的頁(yè)面兼容問題，需要針對(duì)ie7-ie8進(jìn)行設(shè)置，尤其是要考慮ie7的兼容問題，一般可先采用調(diào)整網(wǎng)頁(yè)盒子模型，如果無(wú)法調(diào)試到正常，可使用css hack單獨(dú)對(duì)ie7設(shè)置，僅針對(duì)ie7 hack的寫法*+html(注意是選擇符，例如：*+html .div{ height:200px;})；此處還要注意的是ie7下盒子不會(huì)自動(dòng)撐開，如果設(shè)置的盒子高度小于內(nèi)容的高度，那么內(nèi)容跑到內(nèi)容容器下方去了，然而高度還是不變，而在IE6中，容器會(huì)隨著內(nèi)容的增加自動(dòng)伸展。

2.極速模式內(nèi)核為Webkit(Chrome)的內(nèi)核

調(diào)試極速模式下的頁(yè)面兼容問題，可以參照谷歌瀏覽器渲染效果為依據(jù)，對(duì)盒模型解析注意：我們用了display:block 這個(gè)屬性，在谷歌瀏覽器中，display:block和border這兩個(gè)屬性的width值和height值會(huì)相加。谷歌瀏覽器Chrome是Webkit的內(nèi)核，有一個(gè) -webkit-text-size-adjust 的私有 CSS 屬性，通過它即可實(shí)現(xiàn)字體大小不隨終端設(shè)備或?yàn)g覽器影響。CSS樣式定義如下：

-webkit-text-size-adjust:none;

解決Chrome谷歌瀏覽器不支持CSS設(shè)置小于12px的文字問題

1)谷歌瀏覽器不支持設(shè)置CSS較小字體問題分析

網(wǎng)頁(yè)常常為了排版美觀，會(huì)使用忽大或小的文字，通常font-size文字為12px(像素)文字。設(shè)置大于12px文字字體，各瀏覽器都能顯示出CSS所設(shè)置文字大小效果。但是CSS設(shè)置小于12px文字時(shí)候谷歌瀏覽器google Chrome就不能顯示出CSS所設(shè)置小于12px的文字文字效果。

谷歌瀏覽器默認(rèn)最小字體為12px，小于12px的字體它都以12px顯示，有時(shí)我們需要字體小點(diǎn)，特別是在制作英文網(wǎng)站時(shí)，常常使用CSS樣式顯示小于12px文字，這樣谷歌瀏覽器就不能顯示所設(shè)置較小的文字。

2)CSS代碼解決方案

在html或者body里添加一句谷歌瀏覽器專有的內(nèi)核屬性樣式(或者在需要設(shè)置小文字字體對(duì)象CSS選擇器添加也可)如下CSS代碼： html,body{-webkit-text-size-adjust:none;}

注：如果使用了這個(gè)屬性，瀏覽器的字體將不能使用放大縮小功能！(就是按住CTRL鍵上下滾動(dòng)鼠標(biāo)中鍵的那功能)

更多的關(guān)于360 6.0雙核瀏覽器兼容問題解決方法有待不斷探究。

總結(jié)

以上是生活随笔為你收集整理的html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。