我怎样才能让Respond.js和LESS.js一起玩得很好?

时间:2011-11-15 19:06:04

标签: javascript css less respond.js

当我使用LESS.js和@media查询制作响应式布局时,我无法使Respond.js工作。有谁想弄明白如何使它发挥作用?

1 个答案:

答案 0 :(得分:3)

Respond.js的工作方式如下: 浏览器不会将所有规则暴露给DOM甚至是样式表中的文本,这意味着不支持的功能(如旧浏览器中的媒体查询)不会暴露。 为了能够填充媒体查询,它会下载css文件本身(希望它在缓存中)并在其上运行一些正则表达式来过滤掉媒体查询。 比它在新嵌入的样式表中动态添加与窗口维度相关的styleRules,因此即使是不支持媒体查询的浏览器也“看到”那些styleRules。

我对less.js的代码库并不熟悉,但是对它的看法似乎工作方式几乎相同,处理方式不同,结果是.less文件中完全生成的样式表,但是原则大致相同。

鉴于respond.js需要下载文件,而response.update()也无法在生成的样式表上运行,因为我认为如果不更改任何一个脚本,这是不可能的。

希望它有助于PM5544