演示代码:
<el-row>
<el-col :xs="6" :sm="18" >
<div style="height:100px ;background-color: #0baff5"/>
</el-col>
<el-col :xs="6" :sm="6">
<div style="height:100px ;background-color: #f5910b"/>
</el-col>
</el-row>
官方文档:
- xs <768px 响应式栅格数或者栅格属性对象
- sm ≥768px 响应式栅格数或者栅格属性对象
- ······
当宽度为767px时,出现BUG,xs和sm均失效,目前未找到解决办法
演示截图:
看了下element ui / plus 官网 也是一样的
更新:去GitHub看完,还是用媒体查询代替吧