postcss-viewport v1.0.2

postcss-px2viewport

默认使用vw作为布局单位，对于不支持vw单位的

对于标记了/*no*/的，则不做处理，依然使用px进行布局 1px 不做处理

how to use

webpack

var px2viewport = require('postcss-px2viewport');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      }
    ]
  },
  postcss: function() {
    return [px2viewport({viewportWidth: 375})];
  }
}

input

.class {
  width: 10px; /*no*/
  border: 1px solid black;
  background-size: 30px 10px;
}

output

.class {
  width: 10px;
  border: 1px solid black;
  background-size: 4vw 1.3333333vw;
}