摘要：
Xl对应屏幕˃=1920px大屏幕lg对应屏幕˃=1200px，小于1920px桌面1920*1080显示md对应屏幕˃=9992px，小于1200px适用于笔记本sm对应屏幕˃=768px，小于992px适用于平板xs对应屏幕˂=768移动终端屏幕例如，以下代码将屏幕分为三列：，制作响应式布局当屏幕大小变为手机大小，仅显示xs=24布局。当768px至992px时，将显示sm=7和sm=17的两列，当992px至1200px时，根据md=6显示三列。当md=12和md=6时，显示1200px至1920px，根据lg=5、lg=14和lg=6比例显示
xl对应屏幕 >=1920 px 超大显示器lg对应屏幕>=1200px，小于 1920px 台式1920*1080显示器md对应屏幕>=992px，小于1200px 适合笔记本sm对应屏幕>=768px，小于992px 适合平板xs对应屏幕<=768 手机端屏幕
例如有如下代码将屏幕分成3列，进行响应式布局
<el-row :gutter="10">
<el-col :xs="0" :sm="7" :md="6" :lg="5" :xl="5"></el-col>
<el-col :xs="24" :sm="17" :md="12" :lg="14" :xl="14"></el-col>
<el-col :xs="0" :sm="0" :md="6" :lg="5" :xl="5"></el-col>
</el-row>当屏幕的大小变成手机般大小（屏幕宽度<768px）时只显示xs=24的布局，
768px到992px时显示sm=7和sm=17的两列，并且按照7:17显示
992px到1200px时显示3列按照md=6、md=12和md=6比例显示
1200px到1920px时按照lg=5、lg=14和lg=5比例显示