-1
私はモバイルデバイス用のフルサイズのカードを表示するためのこのコードを持っています。ipads /タブレット用に2個、デスクトップ用に3個です。それは、モバイル正しいを表示しているようだが、残りは以下の例の作業角度材料デザインのフレックスカード
<div ng-controller="MerchantListCtrl" ng-cloak>
<md-content class="md-padding" layout-xs="column" layout="row">
<div flex-xs="100" flex-md="50" flex-gt-md="33" layout="column" ng-repeat="merchant in merchants | filter: { featured: 'false' }" ng-show='merchants.length'>
<md-card>
<md-card-title>
<md-card-title-media>
<div class="md-media-lg card-media">
img
</div>
</md-card-title-media>
</md-card-title>
<md-card-title>
<md-card-title-text>
<span class="md-headline">{{merchant.name | limitTo:27}}<span ng-if="merchant.name.length > 27">…</span></span>
<span class="md-subhead">Large</span>
</md-card-title-text>
</md-card-title>
</md-card>
</div>
</md-content>
</div>
どう 'フレックスGT-XS = '50''ではなく'フレックスの定義についてmd = '50'' –
naそれを修正していないようです –
下記のコードを使用して上記の画像が表示されます –