Vue2 - 完美解决在项目中页面布局实现自适应屏幕大小的解决方案

无论是开发响应式网页还是Web应用程序，都需要确保其能够适应各种屏幕大小，以提供更好的用户体验。在Vue.js这样的强大前端框架下，实现自适应屏幕大小并不困难。本文将介绍在Vue2项目中实现自适应屏幕大小的方法，帮助开发者更好地构建出响应性的Web应用。

解决方案

本文提供了完美便捷的解决方案，保证100%解决 

方案一

1.安装 

npm i lib-flexible --save

npm install postcss-pxtorem -D

lib-flexible库的新版本：https://github.com/amfe/lib-flexible

2.在项目入口文件main.js中引入lib-flexible

import 'lib-flexible/flexible.js'

3.在项目根目录的index.html 头部删除自动生成的meta标签, lib-flexible会根据屏幕自动生成相对于的meta标签

// 删除
<meta name="viewport" content="width=device-width, initial-scale=1.0">

4.在项目根新建