イメージを同じサイズにする方法は？

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>

すべてのレンダリングされたイメージを同じ高さと幅にする方法はありますか？

出典

2017-01-18 Serhiy

を一切円形または楕円形の画像がありません。幅と高さを設定してアスペクト比が1：1に一致しない場合は、その幅/高さを使用する必要があり、画像の縦横比は間違っています。どちらか一方だけを設定したり、サイジング（最大幅/最大高さを使用）にCSSを使用する場合は、アスペクト比を保持する必要があります。 – Seth

imgタグのあなたのスタイルにそれを追加します。

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

出典

2017-01-18 13:05:16

ありがとう！done !!!!! – Serhiy

私の喜び。また、この答えを正しいとマークすることを忘れないでください:-) –

style属性の中にheight & のプロパティを入れます。

<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: 60px; width: 60px;" src={{member.user_picture}}> 
</div>

出典

2017-01-18 13:05:08 nashcheez

をこれを試してみてください。.. :)

<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;width:60px;height:60px" src={{member.user_picture}}> 
</div>

出典

2017-01-18 13:05:59

イメージを同じサイズにする方法は？

答えて

関連する問題