1.360浏览器的兼容模式坑货 2.关于ie7下display：inline-block；不支持的解决方案-

本文链接：https://blog.csdn.net/ylhsuper/article/details/76037404

一：
最近在做pc官网的时候，测试拿360的浏览器测试，结果炸了，开发好久现在基本都不考虑ie的低版本了，结果测试拿的是360的ie兼容模式，跪了，css3不兼容，打开审查元素后果然和预料的一样，是ie7 的模式，而且还是标准模式哦，结果一天都在调样式，还有的接口还实现不了，马丹的。后来实在不想改了，在网上搜了下，网站用360打开的时候，给他默认的用极速模式打开，在head标签里设置。

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

<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">

忘了还有一件正事，对于好久没考虑ie6的人了。之前可是ie6 ie7都考虑的呀。这个bug忘了，今天温顾下。

如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。
相反，如果本身是块级元素的，把它设为display：inline-block;  那么ie6/ie7都是不支持的。
IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表征。
这时块元素仅仅是被display:inline-block触发了layout，而它本身就是行布局，所以触发后，块元素依然还是行布局，而不会如Opera中块元素呈递为内联对象。
解决方案：
1.（这个是我这次使用的）
直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1 或float属性等）。代码如下：
  /*推荐:IE6、7*/ div { 
                                 display:inline-block;
                                *zoom:1;
                                *display: inline;
                               }

二：下面是网上分享的一篇文章拿来借鉴下。

分享踩坑点：

项目中需要兼容360安全浏览器，大家当然都希望用极速模式打开网站，但是发现总是被兼容模式打开

网址类似 aa.xx.dd.com

网上找了很多地方，有以下两种方法

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

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

------------------------------------

第一种： ie模式按照edge（本机最高的ie版本模式）来渲染，有chrome内核则按照chrome模式渲染

第二种：360官方提供的方法，按照为webkit模式渲染 http://bbs.360.cn/forum.php?mod=viewthread&tid=14294828&page=1#pid98784854

但是，都失败了。。。。。。。。

看了论坛下边的评论，有不少说<meta name="renderer" content="webkit">方法不生效的！！！！这是坑啊，真不靠谱！！！！