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版本极速模式与兼容模式_蓝戒的博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Sinc滤波器
- 下一篇: onenote 思维导图_学生党做笔记,