为什么我不能让LESS CSS框架在这里工作?

时间:2010-12-13 09:07:18

标签: css less

http://jsfiddle.net/xfCE8/3/

我一直在努力减少工作中的CSS,但没有运气,看到其他人没有这个问题,这是非常令人尴尬的。

4 个答案:

答案 0 :(得分:1)

我认为你不能直接从googlecode网站链接到.less文件。如果我用Firebug打开你的jsfiddle,我会看到一个错误。如果我查看加载.less文件的HTTP请求,我会看到以下内容:

Response Headers
Content-Length  28464
Content-Type    text/x-c; charset=us-ascii
Content-Disposition attachment; filename="style.less"
Accept-Ranges   bytes
Date    Mon, 13 Dec 2010 09:11:05 GMT
Last-Modified   Mon, 13 Dec 2010 09:01:31 GMT
Expires Mon, 20 Dec 2010 09:11:05 GMT
Server  DFE/largefile
Cache-Control   public, max-age=604800
Age 452

如果您直接访问URL,Content-Disposition会触发浏览器提示保存文件。我认为它也会混淆尝试下载.less文件的代码。

尝试下载文件并将其放在不同的服务器上,该服务器对.less mimetype没有任何特殊处理......

答案 1 :(得分:0)

当css上的扩展名为“.less”而不是“.css”时,“管理资源”加载程序可能无法理解它应该是什么内容。

我认为jsfiddle会忽略HTML部分中的引用:所有外部引用必须添加到已知框架列表的左侧,或者作为“管理资源”部分中的链接。我猜这是出于安全原因......

答案 2 :(得分:0)

首先,在chrome中,js和css出错并且无法加载。 因此,您必须自己在服务器上托管它们,如果您无法访问您的apache ini或者您不知道 .htaccess,我建议您将.less重命名为.css

第二件事,我找不到@brand-color@brand_color不同;)无论如何,整个css似乎都不同。

最后,这个css框架似乎并不好开始(很多测试评论等等......似乎没有完成,我会使用它小心。)

答案 3 :(得分:-1)

不知道这个框架,但我可以看到你在这里有太多了:

<link rel="stylesheet/less" href="http://lesscsss.googlecode.com/files/style.less" type="text/css" />

应该是

<link rel="stylesheet/less" href="http://lesscss.googlecode.com/files/style.less" type="text/css" />
编辑:抱歉,错了。你的代码中的两个链接是不同的,但它们应该是。第一个链接到lesscss,第二个链接到lesscsss,两个都是正确的。对不起。