0

LESSにコツはありますか？ブラウザ内で機能させることはできません。たぶん、ブラウザでスタイルシートを間違って宣言していますか? 文字通り、まったく表示されません。ディレクトリの問題ではないことを確認するために、min ファイルと LESS ファイルを同じフォルダーに含めました。html は次のとおりです。

<!doctype html>


<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <title>Jessica Colding</title>

    <link rel="stylesheet/less" type="text/less" href="style.less"/>
    <script src="less-1.3.3.min.js" type="text/javascript"></script>

    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body lang="en">


        <div id="container"> Hello</div>


</body>

4

3 に答える 3

1

これをファイルから直接実行している場合は、スクリプトの URL を変更して含める必要がありますhttp:(ローカル ファイルではプロトコルレスは機能しません)。

考えてみれば、これは理にかなっています。なぜなら、http 経由でファイルにアクセスしていないためです。プロトコルのない参照は、ページに対して行ったのと同じプロトコルを使用するようブラウザに指示します。

編集: 適切なトラブルシューティング アプローチは、エラー コンソールを表示することです。このような問題に光を当てることがよくあります。

于 2013-05-21T03:53:35.697 に答える
0

less.js が機能しない

私はこの解決策を見つけました。Webサーバーでテストして、機能するかどうかを確認します。しかし、いくつかのブラウザーでテストした結果、これは Chrome に限定されないバグであるか、より大きな問題があるかのどちらかです。

于 2013-05-21T03:46:28.593 に答える