css在360瀏覽器的兼容問題

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

     下面是在360兼容模式的顯示:

      

       而在火狐瀏覽器、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">

好了,問題解決。

發佈了26 篇原創文章 · 獲贊 13 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章