最近公司在開發網頁前端，選擇使用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 | — | — |
