1

私の Less ファイルには、Less でメディアクエリに使用したいいくつかの変数が含まれています。

@mobile:      ~"only screen and (max-width: 529px)";
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";

私のcssでは、たとえば次のようにします：

@media @desktop{
    .test{
        font-size: 12px;
    }
}

プリプロセッサで解析しようとするとコンパイルされますが、LessPHP で解析すると次のエラーが発生します。

PHP Fatal error:  Uncaught exception 'Exception' with message 'parse error: failed at `@media @desktop {`
4

1 に答える 1

0

ファイルの先頭にダミーのルールを配置すると、次のようになります。

a {}

@mobile:      ~"only screen and (max-width: 529px)";
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";

@media @desktop{
    .test{
        font-size: 12px;
    }
}

問題が適切に修正されるまでは機能するようです。

于 2014-03-03T13:45:05.117 に答える