1、打开HBuilder工具，创建一个vue项目，并在指定文件目录下，创建vue文件
2、利用ElementUI进行页面布局，并设置div标签的样式属性
3、保存代码并打开浏览器，预览页面，使用手机模拟器模式查看
4、再切换到PC模式，可以发现变为垂直模式了
5、接着，给el-col添加:sm，分辨率大于等于768px条件下
6、结果再次保存代码并进行预览，可以发现在PC端，横向展示
7、再给el-col标签添加属性:md，大于等于992px（宽度）
8、使用相同的方法，给标签加上lg，最小宽度大于等于1200px
9、保存代码并进行预览，可以发现元素内容各个部分占的比例不一样
10、最后再添加一个:xl属性，大于等于1920px，然后预览效果
