面试官：px、em、rem、vw、rpx 之间有什么区别？

1rem 等于 多少 px  设计稿
1vw 等于 多少 px 设计稿
1rpx 等于多少 px 设计稿

多少 rem 等于屏幕的宽度
多少 vw 等于屏幕的宽度
多少 rpx 等于屏幕的宽度

  "cssrem.rootFontSize": 10 /* 10  10rem=屏幕的宽度   */

"px2vw.width": 750 /* 设计稿的宽度 */

"px-to-rpx.baseWidth": 375,/* 设计稿的宽度 */

yarn add lib-flexible   postcss-pxtorem@^5.1.1

import "lib-flexible";

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      /*  在设计稿的宽度下 1rem = 多少px 37.5     10rem=屏幕的宽度   */
      rootValue: 37.5,
      propList: ['*'],
    },
  },
};

yarn add postcss-px-to-viewport

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 100 /* 100 设计稿的宽度 */,
    },
  },
};