如何为md-grid-tile设置不同的宽度

Question

我使用新的角度材质。 此代码生成具有两列的网格：

<md-grid-list cols="2" rowHeight="10">
  <md-grid-tile></md-grid-tile>
  <md-grid-tile></md-grid-tile>
</md-grid-list>

如何将20％宽度设置为第一列并将80％重新设置为秒？

Answer 1

试试这个：

<md-grid-list cols="10" rowHeight="2:1">
  <md-grid-tile colspan='2'>1</md-grid-tile>
  <md-grid-tile colspan='8'>2</md-grid-tile>
</md-grid-list>

您需要阅读此文档：https://material.angular.io/components/grid-list/overview

Answer 2

material.angularjs.org. mdGridTile

Tiles包含md-grid-list的内容。它们垂直或水平跨越一个或多个网格单元格，并使用md-grid-tile-{footer,header}显示辅助内容。

 <md-grid-list cols="10" rowHeight="2:1">

   <md-grid-tile colspan='2'>1 </md-grid-tile>

   <md-grid-tile colspan='8'>2 </md-grid-tile>

 </md-grid-list>

md-row-height

string

其中一个

CSS长度 - 固定高度行（例如8px或1rem） {width}:{height} - 宽高比（例如md-row-height =＆＃34; 16：9＆＃34;） ＆＃34; fit＆＃34; - 高度将通过将可用高度细分为行数来确定