更新

Question

我遇到adaptive.js及其与LESS兼容的问题。问题在于你无法在头部指定文档类型，因为你必须通过js包含它。

<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服务器端吗？

任何帮助都会很棒。

Answer 1

通过更改

修改adaptive.s

css.rel = 'stylesheet';

是

css.rel = 'stylesheet/less';

最终代码应如下所示：

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

请注意，您仍需要重新初始化less.js。

更新

我之前不知道如何重新初始化，但看起来版本1.0.31有一个方法：less.refreshStyles()将重新编译类型=“text / less”的标签

在您的配置添加

callback: less.refreshStyles(),

adaptive.js＆amp;较少的CSS兼容性问题

1 个答案:

更新