ELEMENT的响应式


在element 中有自带的响应式写法,同时也给出了相应的尺寸大小(个人认为类似于bootstrap的响应式,都是通过媒体查询的方式)

目前的响应式的写法有几个比较好用的方法:

1.采用bootstrap的方法,引入bootstraps

2.采用百分比的方式

3.采用框架ui的方式(mui,aui,),会自带布局

5.采用flex的布局,也会达到同样的效果

6.使用element-ui的地方法

在element-ui中使用的方法类似,不过不需要进行媒体查询,只需要进行写出对应的css名称即可,有多种方式(尺寸)

xs    <768px 响应式栅格数或者栅格属性对象

sm   ≥768px 响应式栅格数或者栅格属性对象

md   ≥992px 响应式栅格数或者栅格属性对象

lg     ≥1200px 响应式栅格数或者栅格属性对象

xl    ≥1920px 响应式栅格数或者栅格属性对象

tag  自定义元素标签

如果以上的集中方式都不能满足你的需求的话,个人觉得最好用的是百分比,flex布局 和tag 进行自定义的形式进行页面的响应布局