html - 如何使图像大小相同？

Question

我尝试使用 ng-repeat 在 Angular 中渲染法师但是每张图片都有自己的大小(有些是圆形的，有些是椭圆形的)，尽管我已经在 DOM 元素中设置了大小。

<div ng-repeat="member in vm.members" class="memberList" layout="column" layout-align="start center">
     {{member.username}}
     <img class="md-avatar" style="border-radius: 50%; border: 1px solid black" height="60" width="60" src={{member.user_picture}}>
</div>

如何让所有渲染出来的图片都一样高和一样宽？

Answer 1

将其添加到您的 img 标签样式中:

<img class="md-avatar" style="border-radius: 50%; border: 1px solid black;height:60px!important;width:60px!important;" ng-src="member.user_picture" />