热闹 热闹 标签 标签

VUE PX自动转换为VW 

huwhy 评论(0) 浏览(827)

VUE 移动 VW

cnpm i postcss-aspect-ratio-mini -S cnpm install postcss-px-to-viewport -S cnpm i postcss-write-svg -S cnpm i postcss-cssnext -S cnpm i postcss-viewport-units -S cnpm install cssnano -S

配置:.postcssrc.js 

module.exports = { “plugins”: { “postcss-import”: {}, “postcss-url”: {}, “postcss-aspect-ratio-mini”: {}, “postcss-write-svg”: { utf8: false }, “postcss-cssnext”: {}, “postcss-px-to-viewport”: { viewportWidth: 750, // (Number) The width of the viewport. viewportHeight: 1334, // (Number) The height of the viewport. unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to. viewportUnit: ‘vw’, // (String) Expected units. selectorBlackList: [‘.ignore’, ‘.hairlines’], // (Array) The selectors to ignore and leave as px. minPixelValue: 1, // (Number) Set the minimum pixel value to replace. mediaQuery: false // (Boolean) Allow px to be converted in media queries. }, “postcss-viewport-units”:{}, “cssnano”: { preset: “advanced”, autoprefixer: false, “postcss-zindex”: false } } }

npm i cssnano-preset-advanced –save-dev

0