Susy在css中添加了奇怪的字符

Question

我使用了基本的网格片段，最后编译了scss。结果在浏览器中看起来很棒然后我在我的Sublime Text编辑器突出显示的css文件中发现了一些错误。

e.g。对于“@include container”，susy创建了以下css：

  *zoom: 1;
  max-width: 100%;
  _width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  margin-left: auto;
  margin-right: auto;

如您所见，第一行和第三行有两个错误。有一个“*”和“_”标志。我该如何解决这个问题？

Answer 1

• 向属性添加_是一种确保在IE中忽略它们的方法
• 向属性添加*会让IE接受它们而其他浏览器会忽略它们

Answer 2

那些是legacy IE hacks。

• “*property”以IE7及以下为目标。
• “_property”定位IE6。

如果您不需要旧版IE黑客，可以使用标准罗盘support settings将其关闭：

$legacy-support-for-ie6: false;
$legacy-support-for-ie7: false;