最大宽度为 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;
}