最近公司在开发网页前端，选择使用vue+Elementui快速开发,在写前台页面的时候。发现要自适应，vue的虚拟DOM和Bootstrap的jquery直接操作Dom，有点冲突，翻了文档，发现element有类似的自适应断点隐藏类
-
hidden-xs-only- 当视口在 xs 尺寸时隐藏 -
hidden-sm-only- 当视口在 sm 尺寸时隐藏 -
hidden-sm-and-down- 当视口在 sm 及以下尺寸时隐藏 -
hidden-sm-and-up- 当视口在 sm 及以上尺寸时隐藏 -
hidden-md-only- 当视口在 md 尺寸时隐藏 -
hidden-md-and-down- 当视口在 md 及以下尺寸时隐藏 -
hidden-md-and-up- 当视口在 md 及以上尺寸时隐藏 -
hidden-lg-only- 当视口在 lg 尺寸时隐藏 -
hidden-lg-and-down- 当视口在 lg 及以下尺寸时隐藏 -
hidden-lg-and-up- 当视口在 lg 及以上尺寸时隐藏 -
hidden-xl-only- 当视口在 xl 尺寸时隐藏
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
xs |
<768px 响应式栅格数或者栅格属性对象 |
number/object | — | — |
sm |
≥768px 响应式栅格数或者栅格属性对象 |
number/object | — | — |
md |
≥992px 响应式栅格数或者栅格属性对象 |
number/object | — | — |
lg |
≥1200px 响应式栅格数或者栅格属性对象 |
number/object | — | — |
xl |
≥1920px 响应式栅格数或者栅格属性对象 |
number/object | — | — |
