angularjs – 如何在角度材料中制作和响应？

发布时间：2020-12-17 08:32:52 所属栏目：安全来源：网络整理

导读：我通过使用 md-card循环显示动态内容和 image标签.我的输出在平板电脑或移动屏幕上没有响应,显示滚动条而不是下一行.我的代码出了什么问题,如何才能使其响应？ pShow Menus/pdiv layout="row" layout-margin md-card ng-repeat="menu in sampleMenus" md-car

我通过使用< 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

.parent {
  overflow: hidden;
}

.card img {
  width: 100%;
  height: auto;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!