如何讓PC端不同屏幕大小分辨率自適應

前提：因為項目需求是在已有的項目里面增加自適應，不影響其他頁面的已有的布局，以下方法僅供參考。

1、安裝postcss-px2rem 、px2rem-loader、lib-flexible

2、在根目錄src中新建util目錄下新建rem.js等比適配文件

找到node_modules里的lib-flexible包,拷貝一份放在utils里面取名為flexible.js，修改lib-flexible的源碼,(更改refreshRem函數)修改為下面的代碼就可以了，當然if判斷是根據自己需求的調整。

目的：因為lib-flexible的源碼是針對移動端的設計方案，我們要實現PC的自適應所以屏幕尺寸也要更換。

3、在 main.js中引入我們剛修改過的flexible.js文件(因為我們更改了源碼 ，所有我們需要引入我們改過的文件)

4、在vue.config.js中配置插件

注意：

1、改完配置記得重新編譯項目

2、如果個別地方不想轉化px。可以簡單的使用大寫的PX或 Px。