角度材料设计Sidenav：Flex改变垂直位置而不是水平位置

Question

默认材质设计的侧边宽度为304px。我试图通过在flex="66"元素中添加md-sidenav属性来实现材质设计对弹性框的使用。 当我这样做时，它会垂直缩短sidenav，而不是水平缩短。

似乎我没有覆盖那个没有纯CSS的304px，虽然我可以完成，但我特别希望远离它。

我还没有看到Material Design文档中提到的这个概念。其他人有这个问题吗？

Answer 1

如果你看下面的angular-material.css

md-sidenav显示为

  display : none 

当它关闭＆amp;它显示为

display : flex

当它可见时。

如果你想改变它的宽度，你需要写下yr custom.css下面的行，你应该在加载angular-material.css后加载

width : 500px !important;
min-width : 500px !important;
max-width : 500px !important;

用自定义值替换500。