360浏览器兼容模式css错乱问题

解决360浏览器兼容模式css错乱问题

有些时候在本地写好代码，不管是直接打开网页flie://,还是localhost: 
网页都没有问题，但是放到服务器上面，打开360浏览器后选择兼容模式，发现css 
错乱，而在本地没有任何问题。 下面给出两种解决方法：

第一种：

在head标签中添加一行代码：

强制执行极速模式<meta name="renderer" content="webkit">

• content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
• 若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
• 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
• 若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

第二种：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

这种方式可以完美解决这个问题，通知 Windows Internet Explorer 以最高级别的可用模式显示内容。