Question

我是网络开发的新手，如果是noob问题，请原谅我。我开始使用罗盘框架，我注意到输出包含以下css

SASS

#inline-block {
   @include inline-block;
}

CSS

  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;

我不确定这个*前缀css的含义是什么，或者它在现代浏览器中做了什么。 Chrome，FF和IE边缘只是忽略它。

有人可以解释一下它的作用吗？如何阻止指南针在输出中包含不合规的CSS。

PS：我在http://peter.sh/experiments/vendor-prefixed-css-property-overview/和其他类似的网站上查找了它，但没有提到它。谷歌让我失望，它也只是忽略了前缀

Answer 1

有助于在不同版本的Internet Explorer上显示该网站。

*vertical-align: auto; /*Only works on IE7 and below*/

还要记住：

_vertical-align: auto; /*Only works on IE6 and below*/