css - less.js 在 chrome 中不工作

Question

我注意到 less.js在 firefox 中工作但在 Chrome 中不工作，还是因为我犯了一个错误？

<link rel="stylesheet/less" href="css/style.less" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

@highlight: #cb1e16;
@shade1: #cb1e16;
@tone1: #5c6f7d;
@grad1: #e6edf3;
@grad2: #8a8d92;
@text1: #333e44;

header, footer, section, article, nav, aside { display: block; }

.grad {
  background: @grad2;
  background: -moz-linear-gradient(top, @grad1, @grad2 1200px);
  background: -webkit-gradient(linear, 0 0, 0 1200, from(#e6edf3), to(#8a8d92));
}

html {
  .grad;
  min-height: 100%;
}

即使我尝试 html { background: red; 它在 chrome 中仍然不起作用是我在某处犯了错误吗？

Answer 1

来自您提供的链接:如果您使用的是 Chrome，并且您的页面路径以“file:///”开头，则 Less.js 浏览器脚本目前将无法运行，这是由于已知的 Chrome 问题。