css在360瀏覽器的相容問題

      在此並不從整體的角度來闡述，只是簡單得記錄下今天花了一個下午的時間才解決的問題。

     下面是在360相容模式的顯示：

      

       而在Firefox瀏覽器、360瀏覽器的極速模式、甚至IE瀏覽器中顯示都是正常的，如下圖所示：

     

     這讓我很鬱悶，都說360瀏覽器用的是IE核心，IE都可以了它怎麼就不行呢。從效果上看，顯示出錯的頁面：margin-left、border-radius、box-shadow都出了問題。想查看該元素的樣式，發現相容模式下無法右鍵查看原始碼，後用f12開發人員工具找到對應的html標籤，然後查看了他對應的樣式，發現確實這幾個屬性都沒有載入。於是直接將border-radius內嵌元素，發現也無法載入。很是不解，無意發現了此時文檔模式用的IE5，如下圖：

把文檔模式改成IE9，顯示就正常了。但為何會使用IE5的文檔模式呢。如何才能自動使用高版本的模式，就百度了一下，發現加上下面這句話，360瀏覽器就會自動使用最高的文檔模式了：

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

好了，問題解決。