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

Question

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

例如，对于“@include 容器”，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

这些是遗留的 IE 黑客。

• " *property" 针对 IE7 及以下版本。
• " _property" 针对 IE6。

如果您不需要旧版 IE hack，您可以使用标准指南针支持设置将其关闭：

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