角材料电网XS不工作
问题描述:
<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(超小型设备)不工作角材料电网XS不工作
答
嗯,我贴你的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>
请注意,此默认值将影响所有屏幕尺寸,但不包括在查询中。
+0
可能未处理的拒绝:MD-格列表:MD-cols属性没有被发现,或者包含非数字值,这是错误我得到 –
+0
那么就改变'MD-的cols-XS = “1”''到MD-的cols = “1”'或媒体查询定义中的任何一个,但只有一个。 –
它不工作是什么? –
一旦它到达断点,它不是使一列只保留两个控制台appering一些错误 –