CSS将背景图像宽度设置为100%，适应性很强。
padding-top=(高度/宽度)* 100%；即图片的高度与宽度之比，所以背景图片的宽度可以是100%，高度可以自适应。
为了达到更好的效果，配合盖和中心。
如何实现自适应宽度？
css自适应宽度有2种方式：
1.是通过百分比来控制宽度；
2.可以通过块状元素自动占满父级的宽度的特性来实现PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。
如何让应用自适应电脑分辨率？
如何让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。
css+p布局，左右两个p怎么能自动适应高度？
可以通过js实现两个p自适应同等高度，如下： 先设置p+css 基本布局：
左边
右边
js 实现 p 自适应高度 代码如下：