element ui响应式布局笔记，适配笔记

今天需求，笔记本电脑和我的电脑所展示出来的效果不一致是适配问题
解决方案：我用的是element ui上面刚好提供了解决办法

可以用手机或者笔记本（屏幕不同大小）打开这个网址查看效果，这样你很容易明白它这里所表达的意思，我作为菜鸟小白刚开始文档都看不懂。
简单说就是这里的五个属性在不同屏幕大小下只会有一个会起到作用，所以你可以看要做哪种设备适配，选哪种就好
我这边做的是大屏电脑屏幕（xl）和笔记本电脑屏幕（md）

小贴士：平常span用的是什么你这边只要替换参数就ok了
参考链接