2

Adaptive.jsとその LESS との互換性に問題があります。問題は、jsを介して含める必要があるため、headにドキュメントのタイプを指定できないことです。

<script>
    // Edit to suit your needs.
    var ADAPT_CONFIG = {
        // Where is your CSS?
        path: 'css/responsive/',

        // false = Only run once, when page first loads.
        // true = Change on window resize and page tilt.
        dynamic: true,

        // First range entry is the minimum.
        // Last range entry is the maximum.
        // Separate ranges by "to" keyword.
        range: [
            '0px    to 760px  = mobile.min.css',
            '760px  to 980px  = 720.min.css',
            '980px  to 3000px = 960.min.css',
        ]
    };
</script>

私の質問は、ファイルをより少ないファイルとして提供する必要があることをadaptive.jsに伝えることができる方法があるということです:

<script type="text/less">

だけではなく:

<script type="text/stylesheet">

または、adaptive.js が有効になる前に、CSS サーバー側を提供する必要がありますか?

どんな助けでも素晴らしいでしょう。

4

1 に答える 1

1

変更してadaptive.jsを変更します

css.rel = 'stylesheet';

することが

css.rel = 'stylesheet/less';

最終的なコードは次のようになります。

var css = d.createElement('link');
css.rel = 'stylesheet/less';
css.media = 'screen';

less.js を再度初期化する必要があることに注意してください。

アップデート

以前に less を再初期化する方法がわかりませんでしたが、バージョン 1.0.31 にはless.refreshStyles()type="text/less" でタグを再コンパイルするメソッドがあるようです。

あなたの設定で追加

callback: less.refreshStyles(),
于 2013-03-20T12:23:59.507 に答える