关于IE,360，火狐，谷歌中遇到的几个兼容性问题的总结

1  垂直居中问题

     在导航条中，IE中文本向上显示，这是因为我们没有设置行高而导致的不兼容，解决方法line-height设置的值和height的一样高，还有vertical-align:middle，问题就解决了。

2  圆角问题

   我们经常会在IE9一下的浏览器中看到一些网站的轮播图下面的光圈显示为正方形，其实这是因为border-radius这个元素只在IE9+,Firefox4+ ,chrome,safari5+以及opera中支持，要想解决这个问题只能通过js。

3  解决IE8的兼容性

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

   X-UA-Compatible是针对IE8新加的一个设置，只有IE8能识别，而edge是模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，实际上破坏了“锁定”模式。

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

   无论页面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的标准渲染模式。

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

    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。

4  BODY底部空白问题

    在IE和360中会出现body底部无限空白问题，有一个解决法案，就是对body设置height:auto;overflow:hidden; 但是又会牵扯出另外一个问题，未设置前火狐和谷歌中正常的页面在设置后就会出现分类导航被隐藏的问题，于是这个方案无效。

    第二个解决方案，首页面的js有书写有误的，导致 body底部无限空白，故检查首页js，最终通过改js就解决了这个问题。