Css 材料设计问题

我有一个密码笔，里面有一个可拆卸的抽屉，上面有应用程序栏组件 当调整到598px宽度时，顶部应用条宽度从64px减小到56px 但是当使用@media query对齐抽屉时，抽屉没有对齐。请给出解决方案

代码笔>>>

本CSS声明：

.app-drawer-layout .mdc-drawer--dismissible

不仅仅是：

.mdc-drawer--dismissible

因此，您可以使用相同的特殊性写入选择器：

@media all and (max-width: 599px) {
  .app-drawer-layout .mdc-drawer--dismissible {
    top: 56px;
    height: calc(100% - 56px);
  }
}

…或添加！对您的CSS很重要：

@media all and (max-width: 599px) {
  .mdc-drawer--dismissible {
    top: 56px !important;
    height: calc(100% - 56px) !important;
  }
}

---

谢谢rusten gareev顺便说一句，这支笔是你在codepen上的笔叉，你做的是很好的材料设计笔。刚刚注意到了！谢谢我一定会继续制作关于MDCWeb的代码笔。你可以问我更多的问题@rusteemgareev你能不能删除这个答案或者对这个问题进行投票，因为-1在我的个人资料上看起来不太好

@media all and (max-width: 599px) {
  .mdc-drawer--dismissible {
    top: 56px !important;
    height: calc(100% - 56px) !important;
  }
}