簡體   English   中英

我怎樣才能使Respond.js和LESS.js一起玩?

[英]How can I make Respond.js and LESS.js play nice together?

使用LESS.js和@media查詢進行響應式布局時,我無法使Respond.js正常工作。 有人知道如何使它起作用嗎?

Respond.js的工作方式如下:瀏覽器不會將所有規則都公開給DOM甚至樣式表中的文本,這意味着舊瀏覽器中不受支持的功能(如媒體查詢)不會被公開。 為了能夠填充媒體查詢,它會下載css文件本身(希望將其保存在緩存中)並在其上運行一些正則表達式以過濾掉媒體查詢。 不僅如此,它還在新嵌入的樣式表中動態添加與窗口尺寸有關的styleRules,因此,即使是不支持媒體查詢的瀏覽器也可以“看到”這些styleRules。

我對less.js的代碼庫不是很熟悉,但是瀏覽一下它似乎幾乎可以用相同的方式工作,處理方式有所不同,結果是從.less文件完全生成了樣式表,但是原理大致上是這樣相同。

鑒於response.js需要下載文件,並且response.update()在生成的樣式表上也不起作用,因此我認為如果不更改任何腳本就無法實現。

希望它對PM5544有幫助

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM