css在360瀏覽器的兼容問題

今天測試人員通過360極速瀏覽器發現了一個彈窗樣式不顯示，我查看了chrome,firefox瀏覽器都正常顯示。通過對比兩個頁面發現了360瀏覽器少加載了一個css樣式文件。通過百度找原因發現如下兩種解決方案：

第一種：

在head標簽中添加一行代碼：

強制執行極速模式<meta name="renderer" content="webkit">

content的取值為webkit,ie-comp,ie-stand之一，區分大小寫，分別代表用webkit內核，IE兼容內核，IE標准內核。

 

1.       若頁面需默認用極速核，增加標簽：<meta name="renderer" content="webkit">
2.       若頁面需默認用ie兼容內核，增加標簽：<meta name="renderer" content="ie-comp">
3.       若頁面需默認用ie標准內核，增加標簽：<meta name="renderer" content="ie-stand">

第二種：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

這種方式可以完美解決這個問題，通知 Windows Internet Explorer 以最高級別的可用模式顯示內容。

兩種方法我都試了，在頁面上都沒有效果。最終解決方案是把寫在css樣式文件中的相關樣式，直接寫在html文件中。