PostCSS 媒体 MinMax

npm install @csstools/postcss-media-minmax --save-dev

PostCSS 媒体 MinMax 允许您在媒体查询中使用区域表示符 媒体查询 4 规格。 。 。 .

@media screen and (width >=500px) and (width <=1200px) {
    .bar {
        display: block;
    }
}

/* becomes */

@media screen and (min-width:500px) and (max-width:1200px) {
    .bar {
        display: block;
    }
}

使用量

添加 PostCSS 媒体 MinMax 对您的项目:

npm install postcss @csstools/postcss-media-minmax --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssMediaMinMax = require('@csstools/postcss-media-minmax');

postcss([
    postcssMediaMinMax(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

参见先前的作品 雅西布尔 这里 postcs-media-minmax (中文(简体) ) 为了确保长期维护,并提供所需的特性,这个插件根据yisibl的作品被重新创建.