在较小的屏幕尺寸

Question

我正在建立一个显示产品网格列表的移动网站。

为了实现网格列表，我正在使用角度材质的md-grid-list指令。

这是我的代码中实现上述功能的部分：

<div id="products-row" infinite-scroll="fetchNextPage(nextCategory,1)" infinite-scroll-disabled="busy">
    <md-grid-list md-cols-gt-md="3" md-cols-md="2" md-cols-sm="1" md-gutter="5px" md-row-height="2:1">
         <md-grid-tile ng-repeat="p in productsOfCurrentCat">
             <product data="p" id="product-item"></product>
         </md-grid-tile>
        <div ng-show="busy">Loading more products....</div>
    </md-grid-list>
</div>

这适用于较大的屏幕尺寸。当我使用Google Chrome的切换设备模式查看较小屏幕尺寸的网页时，出现以下错误：

md-grid-list: md-cols attribute was not found, or contained a non-numeric value

并且，它无限地向节点服务器发送请求。

我试图将其谷歌，但没有足够的帮助。欢迎任何有关此论坛的帮助。

Answer 1

好吧，错误告诉您缺少md-cols适合所选设备的断点。

如果查看布局断点简介here和网格列表演示here，您会发现缺少md-cols-xs="1"属性。 sm不是最小的断点。