Javascript 角度材质Flex提供了错误的大小

在角度材质布局库中设置

flex

的某些值似乎不起作用

下面是一个非常简单的示例，它显示了这种行为。正如您可以看到的那样，如果单击，一些值的大小是正确的，而其他值似乎没有任何意义

以前有人见过这个吗

<div ng-cloak ng-app="MyApp">

  <div layout="row">
    <md-card flex="10">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 10%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="11">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 11%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="12.5">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 12.5%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="15">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 15%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="16">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 16%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="19">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 19%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
  <div layout="row" layout-xs="column">
    <md-card flex="20">
      <h2>Card title #1</h2>
      <md-card-content>
        <p>This should be 20%!</p>
      </md-card-content>
    </md-card>
    <md-card flex>
    </md-card>
  </div>
</div>

卡片标题#1
这应该是10%

卡片标题#1
这应该是11%

卡片标题#1
这应该是12.5%

卡片标题#1
这应该是15%

卡片标题#1
这应该是16%

卡片标题#1
这应该是19%

卡片标题#1
这应该是20%

引用Angular Material site：“布局子元素的flex指令可以给出一个0-100的整数值。元素将拉伸到与该值匹配的可用空间百分比。目前，flex指令值限制为5、33或66的倍数。”

---

引用Angular Material site：“布局子元素的flex指令可以给出一个0-100的整数值。元素将拉伸到与该值匹配的可用空间百分比。目前，flex指令值限制为5、33或66的倍数。”

---

我也处理同样的问题。如果选中flex=10，则插入一个类flex-10。你检查宽度，它是10%。Flex-16没有插入16%的宽度，因此我认为他们有一些值的类，如12.5 20 25 33等。常见值，但缺少16的类。这是一个奇怪的数字，这是一个布局。不完全确定，我们需要检查源代码以确定。我处理同样的问题。如果选中flex=10，则插入一个类flex-10。你检查宽度，它是10%。Flex-16没有插入16%的宽度，因此我认为他们有一些值的类，如12.5 20 25 33等。常见值，但缺少16的类。这是一个奇怪的数字，这是一个布局。不完全确定，我们需要检查源代码以确定。太糟糕了，它还没有更“灵活”。希望很快。可惜它还没有变得更“灵活”。希望很快。