我通过使用< md-card>循环显示动态内容和< image>标签.我的输出在平板电脑或移动屏幕上没有响应,显示滚动条而不是下一行.我的代码出了什么问题,如何才能使其响应？
<p>Show Menus</p>
<div layout="row" layout-margin >
<md-card ng-repeat="menu in sampleMenus">
<md-card>
<img src="http://placehold.it/350x150" class="md-card-image" alt="image caption"/>
<md-card-content >
<h2>{{menu.displayName}}</h2>
<p>{{menu.type}}</p>
</md-card-content>
</md-card >
</md-card>
</div>
截图：
这可能有助于您的事业.
http://codepen.io/sstorie/pen/myJWxQ
关键是添加到父级的两个类和每个卡中的img
http://codepen.io/sstorie/pen/myJWxQ
关键是添加到父级的两个类和每个卡中的img
.parent {
overflow: hidden;
}
.card img {
width: 100%;
height: auto;
}
