Angular Material - 设置固定宽度？

【问题标题】：Angular Material - Setting fixed widths?Angular Material - 设置固定宽度？
【发布时间】：2016-10-25 01:43:19
【问题描述】：

我一直在关注 Angular Material 文档 here，但在这部分遇到了问题：

flex="none" 不会增长或缩小。大小根据其宽度和高度值。

如何设置宽度和高度值？我尝试过 CSS，但由于启用了“flex”，它们被忽略了。

对不起，如果这是一个愚蠢的问题 - 文档只是没有说明如何做到这一点？

【问题讨论】：

【解决方案1】：

Angular Material 的布局功能为开发人员提供了糖分在 CSS3 之上更轻松地创建现代的响应式布局弹性盒。

如果您想要以像素为单位的固定宽度和高度，您可以使用标签，例如不带 flex 属性的md-content，并以通常的方式为其提供 CSS：

HTML

<md-content>Some content</md-content>

CSS

md-content {
    background-color: teal;
    height: 100px;
    width: 100px;
}

Flex 让事情变得更简单。您可以使用 flex 属性轻松设置高度和宽度。例如，此代码会将div 宽度设置为50%

<div layout="row">
  <div style="background-color:teal; height: 50px;" flex="50">
  </div>
</div>

查看 this 对 Angular-material 布局文档的参考。

【讨论】：