如何编译更少的移动版或桌面版?

时间:2017-07-03 08:43:06

标签: css less media-queries

我的较少文件包含媒体查询,我想根据媒体类型生成不同的css文件。像这样:

lessc --media=desktop site.less site-desktop.css
lessc --media=mobile site.less site-mobile.css

鉴于site.less:

.logotype {
    position: absolute;
    left: 0px;
    z-index: 2;
    top: 30px;

    @media @mobile {
        position: relative;
        top: 0;
        padding-top: 10px;
    }
}

它会为" mobile"输出(站点mobile.css):

.logotype {
        position: relative;
        left: 0px;
        z-index: 2;
        top: 0;
        padding-top: 10px;
}

这适用于桌面(site-desktop.css)。

.logotype {
        position: absolute;
        left: 0px;
        z-index: 2;
        top: 30px;
 }

这有可能吗?

0 个答案:

没有答案