有時候你會發現你寫的animation動畫的css3效果,在IE、谷歌、火狐等主流的新版本的瀏覽器的是沒有什么兼容問題的,即便你不寫前綴,也是可以顯示動畫效果的。然后,你本地在360瀏覽器或獵豹瀏覽器下(我只試了這兩個)打開,動畫效果是不出來的,一開始你會想到是前綴問題,那么我把前綴加上,好像有時可以有時不可以。360跟獵豹采用的都是谷歌跟IE的雙內核,為什么會出現這個問題?是因為360瀏覽器分兼容模式和極速模式,極速模式下有兼容問題,兼容模式下問題較少,這就導致了極速模式下不支持css3。
解決方法:通過Meta標簽代碼修改360瀏覽器(獵豹一樣)默認打開的模式。
瀏覽模式
極速模式、兼容模式及IE9高速模式是360瀏覽器顯示網頁時使用的三種模式:
表示極速模式
表示兼容模式
表示IE9/IE10模式(僅在安裝了IE9或IE10后可用)
360極速瀏覽器會自動為您選擇使用適合每個網站的瀏覽模式。所以,通常您不用了解幾種內核的區別。
幾種模式各有什么特點
極速模式下,網站打開速度快,但某些網站在極速模式下可能出現兼容性問題,顯示不正常。
兼容模式下,網站打開速度比極速模式略低,但網頁兼容性問題較少。
IE9/IE10模式下,網站會使用IE9/IE10的渲染方式渲染,支持硬件加速及IE9/IE10全新的腳本渲染引擎。
切換瀏覽模式時,360極速瀏覽器將會自動同步雙核間的數據,讓你在雙核間能無縫切換。
Meta標簽來了:
在head標簽中添加一行代碼:
<html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html>
content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit內核,IE兼容內核,IE標准內核。
若頁面需默認用極速核,增加標簽:<meta name="renderer" content="webkit">
若頁面需默認用ie兼容內核,增加標簽:<meta name="renderer" content="ie-comp">
若頁面需默認用ie標准內核,增加標簽:<meta name="renderer" content="ie-stand">
