text [postcss vw设置]设置postcss-px-to-viewport

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text [postcss vw设置]设置postcss-px-to-viewport相关的知识,希望对你有一定的参考价值。

module.exports = {
  "plugins": {
    "postcss-preset-env":{},
    "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.
    }
  }
}

以上是关于text [postcss vw设置]设置postcss-px-to-viewport的主要内容,如果未能解决你的问题,请参考以下文章

使用插件适配移动端布局

使用vw,vh 来做移动端适配

vue2.x使用响应式vw布局(px自动转为vw)

Vue开发中的移动端适配(px转换成vw)

如何设置 WebStorm 以使用 PostCSS/Tailwind

Tailwind 和 Storybook 设置 postcss 配置问题