vue怎么给pc端浏览器设置一个最小屏幕_vue项目实现移动端适配的案例

前言：使用vue开发移动端页面时，往往需要实现页面根据不同设备屏幕进行尺寸的适配，实现将px自动换算成rem单位，其实只需要安装下面的两个插件即可快速实现移动端适配问题。

1 准备工作：

a. 安装 px2rem-loader 插件：npm install px2rem-loader --save；

b. 安装 lib-flexible 插件：npm install lib-flexible --save;

2 插件的作用：

px2rem-loader插件的作用：我们通过配置基准，实现将px自动换算成rem，

lib-flexible插件的作用：根节点会根据页面视口变化而变化font-size大小。

3 在utils.js文件配置px2rem-loader：

安装完上边两个插件后，可以在package.json中查看到是否安装成功，以及他们的版本信息，其实一般安装插件时，如果没有自己指定版本，基本都会自动安装最新的版本。

打开build目录里边的utils.js文件：