vue 中 配合less 使页面根据屏幕分辨率 自适应pc端

全屏的时候是这种效果， 当窗口大小发生改变时，页面的宽度发生自适应修改 字体大小也跟着适配

代码如下： 首先用less定义三个基础变量，为设计稿或原型图的宽、高、字体大小； 定义三个函数分别用来计算宽、高、字体的vw大小。 然后页面需要用到的高度，宽度，字体时直接写这个函数，再传入对应的大小即可！

如果觉得每次都写这几个函数比较麻烦的话，可以新建一个less文件

然后在需要的界面下引入即可!