最大寬度為 768px 時如何通過 flexLayout 隱藏 Div

Question

當頁面的最大寬度為 768 像素（平板電腦寬度）時，我想隱藏我的 div，但我檢查了 flexLayout 的 API 參考並說限制是 600,960,1280 和 1980 像素。有什么辦法可以覆蓋這些像素限制以進行更改作為 768px?fxHide.gt-sm，隱藏在 960px 之后，但我需要將其設為 768px。

API 參考： https://github.com/angular/flex-layout/wiki/Responsive-API

Answer 1

在你的 CSS 文件中試試這個

@media only screen and (max-width: 768px) {
  div {
  display:none;
}