解決360、獵豹瀏覽器等極速模式下css3兼容問題

時間 2019-11-19

原文原文鏈接

有時候你會發現你寫的animation動畫的css3效果，在IE、谷歌、火狐等主流的新版本的瀏覽器的是沒有什麼兼容問題的，即使你不寫前綴，也是能夠顯示動畫效果的。而後，你本地在360瀏覽器或獵豹瀏覽器下（我只試了這兩個）打開，動畫效果是不出來的，一開始你會想到是前綴問題，那麼我把前綴加上，好像有時能夠有時不能夠。360跟獵豹採用的都是谷歌跟IE的雙內核，爲何會出現這個問題？是由於360瀏覽器分兼容模式和極速模式，極速模式下有兼容問題，兼容模式下問題較少，這就致使了極速模式下不支持css3。css

解決方法：經過Meta標籤代碼修改360瀏覽器（獵豹同樣）默認打開的模式。html

瀏覽模式

極速模式、兼容模式及IE9高速模式是360瀏覽器顯示網頁時使用的三種模式：css3

表示極速模式web

表示兼容模式瀏覽器

表示IE9/IE10模式（僅在安裝了IE9或IE10後可用）動畫

360極速瀏覽器會自動爲您選擇使用適合每一個網站的瀏覽模式。因此，一般您不用瞭解幾種內核的區別。網站

幾種模式各有什麼特色

極速模式下，網站打開速度快，但某些網站在極速模式下可能出現兼容性問題，顯示不正常。
兼容模式下，網站打開速度比極速模式略低，但網頁兼容性問題較少。
IE9/IE10模式下，網站會使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的腳本渲染引擎。spa

切換瀏覽模式時，360極速瀏覽器將會自動同步雙核間的數據，讓你在雙核間能無縫切換。code

Meta標籤來了：htm

在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">