我终于弄清楚了问题所在。在div的主要内容部分嵌套时，
md-content存在关于野生动物园的问题。我通过添加
flex="none"到顶级div来修复它。
这仅适用于Chrome：
<md-content layout="column" flex> <div flex layout="column"> <section> <div ng-if="displayContent" ng-repeat="card in cards|limitTo: displayLim track by $index">{{card.title}} </div> </section> <div flex></div> <footer flex="none" > <div>footer item</div> </footer> </div></md-content>这适用于Chrome和Safari：
<md-content layout="column" flex> <div flex layout="column"> <section flex="none"> <div ng-if="displayContent" ng-repeat="card in cards|limitTo: displayLim track by $index">{{card.title}} </div> </section> <div flex></div> <footer flex="none" > <div>footer item</div> </footer> </div></md-content>
