HTML/CSS网站页面不同浏览器兼容性问题解决

解决网站页面在不同浏览器的兼容模式下加载渲染不正常的问题

在网站维护过程中，在360等浏览器中出现了若干个页面显示异常情况，在其他主流 browsers中则均表现正常，请问具体原因是什么？

具体问题： Web页面在主流浏览器如360等上呈现异常，在Firefox、Chrome以及IE8及以上版本中均正常显示。

通过实验，发现只有在IE7内核下面才存在兼容性显示问题

在查阅相关资料时

详细介绍了技术思路

发现问题的产生是浏览器“兼容模式”惹的祸

在header部分添加了如下的代码块，并经过详细分析发现其中对整个系统功能实现具有关键影响的是第二行代码。为了确保系统的健壮性考虑全面性，在编写过程中这两行代码均进行了优化处理。

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8">

于是页面在兼容模式下正常显示。需要注意的是，在使用原生的IE浏览器浏览时也会选用ie8内核，这仍是一个待解决的问题。

于是，在代码中将数值8修改为11，并在HTML中设置<meta http-equiv="X-UA-Compatible" content="IE=11">后即可解决问题。
具体来说，在不影响现有功能的前