VUE响应式布局

含义

通过基础的 24 分栏，迅速简便地创建布局：并参照了 Bootstrap 的 响应式设计，预设了六个响应尺寸：xs、sm、md、lg 和 xl xxl

具体解释

• xs extra Small 超小
• sm small 小
• md medium 中等的
• lg large 大的
• xl extra Large 超大
• xxl 特大号

响应式布局实例 

<template>
  <a-row>
    <a-col :xs="2" :sm="4" :md="6" :lg="8" :xl="10">
      Col
    </a-col>
    <a-col :xs="20" :sm="16" :md="12" :lg="8" :xl="4">
      Col
    </a-col>
    <a-col :xs="2" :sm="4" :md="6" :lg="8" :xl="10">
      Col
    </a-col>
  </a-row>
</template>

大号显示器显示结果

窗口缩小

 

继续缩小

 

看完大家是不是就明白了