我通过使用< 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
原文链接:https://www.f2er.com/angularjs/141321.htmlhttp://codepen.io/sstorie/pen/myJWxQ
关键是添加到父级的两个类和每个卡中的img
.parent { overflow: hidden; } .card img { width: 100%; height: auto; }