Angular Material Design Sidenav：Flex 改变垂直位置而不是水平位置

【问题标题】：Angular Material Design Sidenav: Flex changes the vertical position instead of horizontal positionAngular Material Design Sidenav：Flex 改变垂直位置而不是水平位置
【发布时间】：2015-04-08 22:48:23
【问题描述】：

默认 Material Design 的侧边导航宽度为 304 像素。我正在尝试通过在md-sidenav 元素内添加flex="66" 属性来实现材料设计对弹性框的使用。当我这样做时，它垂直缩短了sidenav，而不是水平。

如果没有纯 CSS，我似乎无法覆盖 304px，虽然我可以完成，但我特别希望远离。

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

【问题讨论】：

标签： angularjs flexbox angular-material

【解决方案1】：

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

md-sidenav 显示为

  display : none

当它关闭并显示为

display : flex

当它可见时。

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

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

将 500 替换为 yr 自定义值。

【讨论】：