360兼容模式，搜狗等奇葩浏览器下无法正常渲染的问题

近日，通过朋友接到一个游戏官网的项目，对方需要兼容主流浏览器。

当时并没有多想，结果项目交付后对方提出360兼容模式下样式错乱。

因为最近几年在做移动端项目，偶尔web项目也只需要chrome，ff，ie9+兼容。

对于360浏览器也不熟悉，遂度娘之。

经过测试，只需增加如下meta标签即可。

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

or

<span style="font-family: Arial, Helvetica, sans-serif;"><meta http-equiv="X-UA-Compatible" content="IE=EDGE;IE=10;IE=9;IE=8;"></span>

在360官方论坛看到有开发人员提供的方法，强制使用极速模式。

<meta name="renderer" content="webkit"> 

      可惜经过测试，单独加入上句后，在切换为兼容模式后还是会出现样式错乱。

后面在奇舞团QQ群也层咨询过，然后并没有什么卵用。

甚至有位官方人士告诉我 360安全浏览器兼容模式使用的是IE8引擎 =-=

---->：

360兼容模式 默认使用 IE5 quirks 怪异模式渲染。