css在360瀏覽器的相容問題
阿新 • • 發佈：2019-01-09
在此並不從整體的角度來闡述，只是簡單得記錄下今天花了一個下午的時間才解決的問題。
下面是在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">好了，問題解決。