怎么做移动端pc端适配

移动端、PC 端适配可以使用以下几个插件和方法：

1. lib-flexible：通过动态改变 viewport 的值来实现适配。在 head 标签中引入 lib-flexible.js 文件即可。

2. amfe-flexible：与 lib-flexible 类似，也是通过动态改变 viewport 的值来实现适配。不同的是，amfe-flexible 可以通过设置基准值来控制适配效果。在 head 标签中引入 amfe-flexible.js 文件，并在 js 中设置基准值即可。

3. postcss-pxtorem：将 px 单位转换为 rem 单位。在项目中使用 postcss-loader，并在 postcss.config.js 中配置 pxtorem 插件即可。

4. postcss-px2rem：与 postcss-pxtorem 类似，也是将 px 单位转换为 rem 单位。在项目中使用 postcss-loader，并在 postcss.config.js 中配置 px2rem 插件即可。

5. postcss-px-to-viewport：将 px 单位转换为 vw/vh/vmin/vmax 单位。在项目中使用 postcss-loader，并在 postcss.config.js 中配置 px-to-viewport 插件即可。

6. rem+scss做适配：使用 rem 单位和 scss 预处理器来实现适配。首先在 head 标签中设置 viewport 的 initial-scale 和 maximum-scale 值为 1，然后在 scss 文件中定义一个 $baseFontSize 变量，用于设置基准字体大小。接着，使用函数来计算 rem 值，例如：

@function px2rem($px) {
  @return $px / $baseFontSize * 1rem;
}

最后，在样式中使用 px2rem 函数来设置样式值即可。