Element UI使用小技巧

响应式布局

element中预设了五个响应尺寸：xs、sm、md、lg 和 xl，可以在element的<el-col></el-col>组件中设置它们的值，例如：

<el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div></div></el-col>

在element中是把一个界面竖着分成了24块，这些响应尺寸的值就是指在这24块中占了几块。