角材料電網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> 

請注意，此默認值將影響所有屏幕尺寸，但不包括在查詢中。