イオンフレームワークでイメージのサイズを変更するには？

Question

私はIonicフレームワークが初めてです。画像のサイズを変更したいと思います。画像は小さくなるはずであり、画像はイオンを用いてページの中央に表示されるべきである。

以下

私のhtmlコードです：

<ion-header> 
    </ion-header> 
    <ion-content padding> 
     <h2></h2> 
     <img src='assets/img/logo.png'> 
     <ion-chip color="secondary"> 
      <ion-label color="#16B966">SEND RESET LINK</ion-label> 
     </ion-chip> 
    <div> 
     <span class="input-label">EMAIL</span> 
     <input type="text" placeholder="asdfjkl@panini.com"> 
    </div> 
<ion-card-content> 
    <p>Enter the email address associated with your account, and we'll email 
     a link to reset your password</p> 
</ion-card-content> 
</ion-content> 

Answer 1

はHTMLで次のように使用します。

<img class="displayed" height="150 px" width="150 px" src="img/Logo.png"> 

とのstyle.cssに次のように使用します。

.displayed { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}