1.1. Web端适配

首先设置用于父级容器的样式： width: 1400px; margin: auto;，之后的子级用百分比设置宽度（100%即为1400px），或使用固定宽度px设置宽度（总和<=1400px）

2. 浏览器窗口>=1400px时，子级始终保持不变，多余宽度用于两侧留白。

3. 浏览器窗口度<1400px时，页面出现横向滚动条

利用@media screen重写覆盖样式，实现适配

适合多数场景、样式改动较小、Web端样式能用在移动端上的情况

此处忽略移动端：本方法适配移动端的效果只是等比例缩小，仅针对于没有适配要求的项目，实现移动端基础的页面适配。

针对mac等高分辨率显示器，使用了默认0.75的比例，不进行设置也能正常显示，效果不佳。

在App.vue等根路由页面都可行，确保该方法在每次刷新时被执行。

参数配置：

* - renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器 * - designWidth（可选）：设计稿的宽度，默认是 1920 * - designHeight（可选）：设计稿的高度，默认是 929 ，以全屏展示，可以设置为1080 * - resize（可选）：是否监听resize事件，默认是 true

1.2. 移动端适配