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 进行自定义的形式进行页面的响应布局