角材料电网XS不工作

Question

<md-grid-list md-cols-lg="4" md-cols-sm="2" md-cols-xs="1" md-cols-md="2" md-gutter="3em" md-row-height='250px'> 
     <md-grid-tile><div>one</div></md-grid-tile> 
     <md-grid-tile><div>two</div></md-grid-tile> 
     <md-grid-tile> <div>three</div> </md-grid-tile> 
     <md-grid-tile> <div>four</div></md-grid-tile> 
</md-grid-list> 

这是工作在SM，MD和LG的罚款，但在XS（超小型设备）不工作

Answer 1

嗯，我贴你的HTML，它的工作对这个codepen

<div ng-controller="AppCtrl" ng-app="MyApp"> 
    <md-grid-list md-cols-lg="4" md-cols-sm="2" md-cols-xs="1" md-cols-md="2" md-gutter="3em" md-row-height='250px'> 
     <md-grid-tile><div>one</div></md-grid-tile> 
     <md-grid-tile><div>two</div></md-grid-tile> 
     <md-grid-tile> <div>three</div> </md-grid-tile> 
     <md-grid-tile> <div>four</div></md-grid-tile> 
    </md-grid-list> 
</div> 

什么是你所得到的错误？

更新

由于材料是严格寻找MD-cols属性，你需要定义一个md-cols="[col number you want]"为默认，然后使用查询到。定义更改值。如：

<md-grid-list md-cols="4" md-cols-sm="2" md-cols-xs="1" md-cols-md="2"> 
    </md-grid-list> 

请注意，此默认值将影响所有屏幕尺寸，但不包括在查询中。