如何更改物化css sidenav断点

不幸的是,我没有得到任何答案,所以我终于自己解决了。

当我到达断点(993px宽度)时,我通过浏览器检查器分析了CSS属性,结果显示:

@media only screen and (max-width: 992px) {
.sidenav.sidenav-fixed {
     -webkit-transform: translate(-105%);
      transform: translate(-105%);
  }

因此,我的问题的答案只是根据您的需要重写媒体查询,我在本例中这样做了:

 @media only screen and (max-width: 992px) {
    .sidenav.sidenav-fixed {
         -webkit-transform: none !important;
          transform: none !important;
      }