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

好了，问题解决。