vue项目中字体适配问题

1、在写前端网页是宽度是最容易出问题的，宽度的设置，是没有绝对固定的值的，根据我们的需求出发。主要分为两种，定宽（内容区域宽度固定）和自适应（内容区域宽度跟随浏览器变化）
2、我个人还是推荐自适应宽度，这样不同浏览器视觉效果都是比较舒适的，这里有两种方法
（1）通过百分比去定制大小，比如

margin—left: 50%;

(2)是通过栅栏技术去实现。
element栅格时基础的 24 分栏，实现5等分需要设置百分比。

三等分

<el-col :xs = "12" :sm = "12"  :lg = "8"  class = "card">
</el-col>

四等分

<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
</el-col>

五等分（24无法整除，下面用百分比设置

<el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
</el-col>

---------------------------------------------------------------------------
<style>
.el-col-lg-4-8 {
		width: 20%;
	}
</style>