postcss-px-to-viewport
postcss-px-to-viewport copied to clipboard
evrone
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
Pc端的设计稿是1920 mobile的设计稿是750 问题：这里想要做一个判断viewportWidth在pc的时候值为1920，mobile的时候值是750； 目前的做法是： 1. const screenWidth = /Android|webOS|iPhone|iPad|BlackBerry|iPad/i.test(navigator.userAgent) ? 750 : 1920 // node环境下无法判断终端是pc还是mobile 2. plugins: [ require("postcss-px-to-viewport")({ ... viewportWidth : screenWidth ... ]
postcss-px-to-viewport: postcss.plugin was deprecated. Migration guide:
我用的vue+sass，/* px-to-viewport-ignore-next */以及/* px-to-viewport-ignore */均不能在sass里使用，纯css可以。希望能支持预处理器
set proList such this: const pxtovwConfig={ unitToConvert: 'px', fontViewportUnit: 'vw', viewportWidth: 750, unitPrecision: 5, proList: ['*', '!font-size'], minPixelValue:1, } but css' font-size is also set to vw;
