inline-block的兼容性问题：zoom前面为什么要加*

inline-block的兼容性问题：zoom前面为什么要加* IE6、IE7不识别inline-block，其它主流浏览器均支持inline-block。解决IE6、IE7兼容所有浏览器的方法是*display:inline; *zoom:1;

IE6、IE7不识别inline-block，其它主流浏览器均支持inline-block。

解决IE6、IE7兼容所有浏览器的方法是：

{
display:inline-block;
*display:inline;
*zoom:1;
}

zoom是IE专用属性，firefox等是不支持的。zoom:1就是IE6 专用的 触发 haslayout 属性的。

补充：zoom前面为什么要加*

*放在css属性前面，表示这个属性仅仅应用到Internet Explorer 7 以及以下版本。因为Internet Explorer 版本 7 以及以下承认非字母数字（除了下划线）前缀的属性。所以这里，IE7以上的版本作用的是display: inline-block;而在IE7及以下的版本中作用的是display:inline;zoom:1。

阅读本文的人还可以阅读：

移动端开发：px pt em rem 和 响应式之间的关系

如何给echarts的饼图区域使用指定的颜色

Webstorm常用但容易忽视的快捷键命令大全