较少的媒体查询变量返回 ParseError: Expected ')'

Question

我刚开始使用 Less，现在我正在尝试将媒体查询转换为变量。我想要的是这样的：

@mobile: only screen and (max-width: 750px);
@media @mobile;{
    body {
        font-size: 30px;
    }
}

但是当我运行我的网站时，它会返回以下错误：

ParseError：第 1 行第 27 列的 main.less 中应为 ')'：

1 - @mobile：仅屏幕和（最大宽度：750px）；

我做错了什么？ :-(

Answer 1

@mobile: ~"only screen and (max-width: 750px)";
@media @mobile {
    body {
        font-size: 30px;
    }
}